jquery插件(一）：JQCloud

<script type="text/javascript">
var word_list = [
   {text: "ifxoxo.com", weight: 13, link: "http://ifxoxo.com/jquery-jqcloud.html"},
   {text: "520xmn.com", weight: 10.5}，
   {text: "jquery", weight: 9.4},
   {text: "jqcloud", weight: 8},
   {text: "ifxoxo1", weight: 6.2},
   {text: "ifxoxo2", weight: 5},
   {text: "ifxoxo3", weight: 5},
   {text: "Nam et", weight: 5},
   {text: "Sapien", weight: 4},
   {text: "Pellentesque", weight: 3},
   {text: "et malesuada", weight: 3},
   {text: "fames", weight: 2},
   {text: "sit amet", weight: 2},
   {text: "justo", weight: 1},
   {text: "dictum", weight: 1},
   {text: "Ut et leo", weight: 1},
 ];
 $(function() {
   $("#my_words").jQCloud(word_list);
 });
</script>
    <h1>jQCloud Example</h1>
     <h3>--from http://ifxoxo.com/jquery-jqcloud.html</h3>
    <div id="my_words" style="width: 550px; height: 350px;">
    </div>

 //加载的时候注意文件的路径
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jqcloud-1.0.4.js"></script>
    <linkrel="stylesheet"type="text/css"href="jqcloud.css"/>

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

var word_list = [
        {text: "ifxoxo.com", weight: 13},
        {text: "520xmn.com", weight: 10.5},
        {text: "jquery", weight: 9.4},
        {text: "jqcloud", weight: 8},
        {text: "ifxoxo1", weight: 6.2}
  ];

 $("#my_words").jQCloud(word_list);
 // word_list就是（1）中准备的数据

 $("#my_words").jQCloud(word_list,{
               removeOverflowing: true,
               width: 500,
               height: 500,
               shape :"rectangular",
          });

   div.jqcloud span.w10 { font-size: 550%; }
   div.jqcloud span.w10 { color: #0cf; }