脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquery 3D 标签云示例代码，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

zoom: 90 初始的缩放度
min_zoom: 25
max_zoom: 120
zoom_factor: 2 - 鼠标滚轮的缩放速度
rotate_factor: -0.45 - 鼠标移动时球体旋转的数量。正数将反向旋转
fps: 10 - 定义每秒动画更新的次数
centrex: 250 - 在container p中水平方向旋转中心
centrey: 250 在container p中垂直方向旋转中心
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});
});

HTML标签：

. 代码如下:

<p id="ts1" style="width:500px; height:500px; background-color:#000;">
<ul>
<li><a href="http://www.gbin1.COM/technoLOGy/htML" style="color:#f00;" rel="20">HTML</a></li>
<li><a href="http://www.gbin1.com/technology/css" rel="15">CSS</a></li>
<li><a href="http://www.gbin1.com/technology/javascript" rel="10">Javascript</a></li>
<li><a href="http://www.gbin1.com/technology/jquery" rel="5">jQuery</a></li>
<li><a href="http://www.gbin1.com/technology/jquerynews" rel="1">jQuery plugin</a></li>
<li><a href="http://www.gbin1.com/technology/jquerytutorial" rel="5">jQuery tutorial</a></li>
<li><a href="http://www.gbin1.com/technology/jqueryhowto" rel="10">jQuery howto</a></li>
<li><a href="http://www.gbin1.com/technology/jqueryplugins" rel="15">jQuery plugins</a></li>
<li><a href="http://www.gbin1.com/technology/jquerymobile" style="color:#f00" rel="20">jQuery mobile</a></li>
<li><a href="http://www.gbin1.com/technology/javautilities" rel="15">java</a></li>
<li><a href="http://www.gbin1.com/technology/seo" rel="10">SEO</a></li>
<li><a href="http://www.gbin1.com/technology/onlinequiz" rel="5">Quiz</a></li>
<li><a href="http://www.gbin1.com/internet/news" rel="1">News</a></li>
<li><a href="http://www.gbin1.com/internet/PEople" rel="5">People</a></li>
<li><a href="http://www.gbin1.com/internet/mobile" rel="10">;mobile</a></li>
<li><a href="http://www.gbin1.com/tools/photoshop" rel="15">Photoshop</a></li>
<li><a href="http://www.gbin1.com/tools/design" style="color:#f00" rel="20">Design</a></li>
</ul>
</p>

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！&nbsp;js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jquery 3D 标签云示例代码全部内容，希望文章能够帮你解决javascript代码实例教程-jquery 3D 标签云示例代码所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。