教你用javascript实现随机标签云效果_附代码(教你用纸折一只会跳的小兔子,非常好玩,小朋友都喜欢)

编辑：rootadmin

推荐整理分享教你用javascript实现随机标签云效果_附代码(教你用纸折一只会跳的小兔子,非常好玩,小朋友都喜欢)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:教你用微信远程查看对方手机,教你用意念快速治病视频,教你用纸折一只会跳的小兔子,非常好玩,小朋友都喜欢,教你用手指查属相查年龄,教你用手指查属相查年龄,教你用罐子制作简易柴火炉,野外做饭太简单了,教你用手指查属相查年龄,教你用纸折一只会跳的小兔子,非常好玩,小朋友都喜欢,内容如对您有帮助，希望把文章链接给更多的朋友！

标签云是一套相关的标签以及与此相应的权重。典型的标签云有至个标签。权重影响使用的字体大小或其他视觉效果。同时，直方图或饼图表是最常用的代表约种不同的权数。因此，标签云彩能代表更多的权，尽管不那么准确。此外，标签云通常是可以交互的：标签是典型的超链接，让用户可以仔细了解他们的内容。大概可以理解为一堆相关或者不相关的标签混到一块，根据不同的重要程度，或者其他维度的不同来为每个标签设置不同的样式已凸显他们的不同，这样的一堆标签在一起就是我们通常说的标签云了。下面我们大概说一下标签云实现的原理：明白了标签云是咋回事儿那么实现起来就简单了，其实就是根据每个标签的不同的重要性设置不同的样式就可以了。这里我们使用随机数实现一个简单的标签云，不是根据某些维度来实现，纯粹的随机样式。这边标签云实际是一堆a标签，然后随机设置颜色和字体大小，当然字体大小有个最大最小限制的。1、我们设置了一个取随机数函数，和一个随机颜色函数，通过这两个函数为标签设置样式。2、我们把所有的a标签循环，然后利用步骤一里边的随机数，和随机颜色设置这些标签的字体大小和颜色。查看效果如下:

一个简单的标签云就完事了。

其实我们还可以吧样式设置到样式文件，然后通过为a标签设置class来设置a标签的样式，这样灵活性更大。