相關選項

zoom: 90 初始的縮放度
min_zoom: 25
max_zoom: 120
zoom_factor: 2 - 鼠標滾輪的縮放速度
rotate_factor: -0.45 - 鼠標移動時球體旋轉的數量。正數將反向旋轉
fps: 10 - 定義每秒動畫更新的次數
centrex: 250 - 在container div中水平方向旋轉中心
centrey: 250 在container div中垂直方向旋轉中心
min_font_size: 12
max_font_size: 32
font_units: 'px'
random_points: 50 - 添加一些隨機的點到球體來提高效果
foreground_colour: #fff - 接受的格式為： #333 #0A0A0A 和 rgb(n,n,n)
background_colour: rgb(0,0,0) - 不能使用顏色名字

Javascript代碼：

復制代碼 代碼如下:

$('.tags').tagcloud();

復制代碼 代碼如下:

$(function(){
$('#ts1').tagcloud({centrex:250, centrey:250, init_motion_x:10, init_motion_y:10});
});

復制代碼 代碼如下:

<div>
<ul>
<li><a >HTML</a></li>
<li><a >CSS</a></li>
<li><a >Javascript</a></li>
<li><a >jQuery</a></li>
<li><a >jQuery plugin</a></li>
<li><a >jQuery tutorial</a></li>
<li><a >jQuery howto</a></li>
<li><a >jQuery plugins</a></li>
<li><a >jQuery mobile</a></li>
<li><a >java</a></li>
<li><a >SEO</a></li>
<li><a >Quiz</a></li>
<li><a >News</a></li>
<li><a >People</a></li>
<li><a >Mobile</a></li>
<li><a >Photoshop</a></li>
<li><a >Design</a></li>
</ul>
</div>