자바스크립트 jqcloud 워드클라우드 예시1

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqcloud/1.0.3/jqcloud.min.js" type="text/JavaScript"></script>

<div id="demo" style="width: 550px; height: 350px;"></div>
 
<script>

var words = [
  {text: "Lorem", weight: 13, link: 'javascript:f();'},
  {text: "Ipsum", weight: 10.5, link: 'http://www.strangeplanet.fr'},
  {text: "Dolor", weight: 9.4, link: 'http://piwigo.org'},
  /* ... */
];

$('#demo').jQCloud(words);

function f(){

alert("!!!!");
}

</script>

 

결과화면

-> link 에 함수 넣어주기 alert 창 확인~

만약에 화면에 들어간 단어가 많은데 전부 다 표출이 안 될 경우는 style="width: 550px; height: 350px;" 사이즈를 늘려주자..!!