欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery 3D 標(biāo)簽云示例代碼

 更新時(shí)間：2014年06月12日 15:21:34   投稿：whsnow  
標(biāo)簽云想必大家都有見(jiàn)到過(guò)吧，那么3D標(biāo)簽云，有沒(méi)有接觸過(guò)呢？本例為大家介紹下通過(guò)jquery 實(shí)現(xiàn)的3D標(biāo)簽云，感興趣的朋友可以參考下
相關(guān)選項(xiàng)

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

Javascript代碼：
復(fù)制代碼 代碼如下:

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

演示中的代碼如下：
復(fù)制代碼 代碼如下:

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

HTML標(biāo)簽：
復(fù)制代碼 代碼如下:

<div id="ts1" style="width:500px; height:500px; background-color:#000;">
<ul>
<li><a style="color:#f00;" rel="20">HTML</a></li>
<li><a rel="15">CSS</a></li>
<li><a rel="10">Javascript</a></li>
<li><a rel="5">jQuery</a></li>
<li><a rel="1">jQuery plugin</a></li>
<li><a rel="5">jQuery tutorial</a></li>
<li><a rel="10">jQuery howto</a></li>
<li><a rel="15">jQuery plugins</a></li>
<li><a style="color:#f00" rel="20">jQuery mobile</a></li>
<li><a rel="15">java</a></li>
<li><a rel="10">SEO</a></li>
<li><a rel="5">Quiz</a></li>
<li><a rel="1">News</a></li>
<li><a rel="5">People</a></li>
<li><a rel="10">Mobile</a></li>
<li><a rel="15">Photoshop</a></li>
<li><a style="color:#f00" rel="20">Design</a></li>
</ul>
</div>

相關(guān)文章

最新評(píng)論