在一些站点里常常会看到一些标签云的效果，特别是Wordpress本身就自带了这个功能和效果，其实这是一个很有趣的小效果，比齐刷刷的统一的颜色、统一的大小的一排文字排下来好看多了，所以这个小小的东西勾引起了我的兴趣，于是决定折腾一下，弄清楚他的原理。
仔细分析一下，发现Wordpress里的标签云字体的大小是根据标签关联的文章数来决定大小的（如下图），不会因为每次的刷新而改变文字的大小，这个需要与程序的进行数据的记录和读取进行交互了，所以不在本次的讨论之列，本次所在实现的是仅仅前台脚本实现效果。


扩展分析了一下标签云的效果，觉得实现的思路可以如下：
　　1、定义一个或多个不同的数组
　　2、数组的自由组合

于是折腾了一下，就有了如下的代码（基于Jquery）：

　　实现的效果如图：

　　效果可以查看演示DEMO，点击打开

简单说明一下：
　　分别一个函数“setYS”，定义三个数组，颜色、尺寸、背景色，再加上随机Math.random()的取数组合，其中Math有多个取值的，round(x)为把数四舍五入为最接近的整数，其他的还有正弦、余弦什么的，具体可以查看w3c上的说明，点击查看Math 对象的说明。

这个纯粹只是一个效果实现的小摆弄，没有什么技术含量，感谢你的阅读，如果有错漏的地方，欢迎指正。