扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
jqcloud是一个标签云的插件，先看例子，再看用法
黄骅网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作，到程序开发，运营维护。成都创新互联2013年开创至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。
jqcloud示例 — ifxoxo.com/jquery-jqcloud.html
下载地址：https://github.com/lucaong/jQCloud
解压之后在/jqcloud/文件夹下面找到jqcloud.css 和 jqcloud-1.0.4.js
需要一个用来展示jqcloud的元素(div ,span等)， 元素如果不指定宽和高，则需要在js中增加参数
至少需要指定每一项的text和weight，jqcloud会根据所有文字的权重，计算出合适的百分比。格式详见代码
text：展现的文字
weight：文字的权重
调用jQCloud函数（注意大小写）
以下是jQCloud的参数
| 参数 | 默认值 | 作用 |
| width | “” | 设置cloud的宽度，默认是原来的宽度 |
| height | “” | 设置cloud的高度，默认是原来的高度 |
| center | object | word在相对于cloud元素的x、y坐标，默认是cloud元素的中心。 如 {x: 300, y: 150} |
| afterCloudRender | “” | 在cloud呈现之后的回调函数 |
| delayedMode | true | 是否用延时模式。 如果设置为true，word会一个一个加载，每个之间会有微小的延时。 当word超过50个的时候，默认会是true |
| shape | elliptic | cloud的形状。支持 elliptic（椭圆形） 和 rectangular （矩形） 默认是elliptic |
| removeOverflowing | true | 如果设置为true, 如果一个word超出了cloud元素的大小，则自动剔除 |
参数示例
{text: “ifxoxo.com”, weight: 13, link: {href: “http://ifxoxo.com/jquery-jqcloud.html”, target: “_blank”} }
{text: “520xmn.com”, weight: 10,html: {title: “My Title”, “class”: “custom-class”}}
{text: “520xmn.com”, weight: 15, handlers: {click: function(){alert(“from –ifxoxo.com”)}} }
如果对颜色和字体打大小不满意，可以修改默认的css文件–jqcloud.css
根据自己的需要，修改font-size 和 color
本文地址：http://ifxoxo.com/jquery-jqcloud.html
转载请注明出处
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网