php球形,标签云(tagcloud)的球形JQuery插件

大家可能都看到过Flash实现的标签云，很多网站都使用Flash构建的标签云，包括wordpress中都有相关的标签云插件。今天我们这里介绍一款jQuery开发的标签云插件：3D tag cloud，希望大家喜欢！

相关选项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});});

HTML标签：

• HTML
• CSS
• Javascript
• jQuery
• jQuery plugin
• jQuery tutorial
• jQuery howto
• jQuery plugins
• jQuery mobile
• java
• SEO
• Quiz
• News
• People
• Mobile
• Photoshop
• Design

是不是很简单？大家可以方便的添加标签云到网站上了！

======================================================================

===================================================

演示地址：http://www.lijian.net/p/windstagball/index.html下载包：http://www.lijian.net/p/windstagball/windstagballv1.0.zip使用方法很简单，引入jquery和jquery.windstagball.js,需要显示为标签的HTML如下：标签云PHP瀑布流Tab流体布局SEO彩蛋

JavaScriptmiaovCSSasp.net蓝色经典OOPAndroid妙味茶馆

dialog淘客Pin微博IPhone

注意，这里的div要设置CSS“position:relative;”，然后在页面实现：$("#div").windstagball();当然，也可以使用参数，如下：$("#div").windstagball({radius:120,speed:10});