涂涂研版

  1. 涂涂研版首页
  2. 教程、积累

zblog多彩标签云的jquery实现方法

雨夜 • • 教程、积累

方法很简单，只需要在网页中引入一段jquery代码就可以了（前提是你的网页同时引入了jquery.js文件。。），如下：

//多彩标签云
 jQuery(document).ready(function(){
var webx32 = $("#sidebar-tags a");  //选择实现彩色标签的元素①
for(i=0;i<webx32.length;i++)
{
var str = "0123456789abcdef";
var t = "#";
for(j=0;j<6;j++)
{t = t+ str.charAt(Math.random()*str.length);}
var fsize;
fsize=parseInt(Math.random()*(20)+6);
webx32[i].style.color=t;   //定义文字颜色 
//webx32[i].style.background=t;  //定义背景颜色，如果要实现随机文字颜色，请去掉注释
webx32[i].style.fontSize=fsize + "px";
}
})

其中#sidebar-tags a 就是该标签tag的元素位置，效果如下：

捕获.PNG


赞 (1)
打赏 微信扫一扫 微信扫一扫
雨夜雨夜认证作者
46170

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请通知我们，一经查实，本站将立刻删除。


客服