欢迎访问,本站接受互联网网站仿站、功能定制、定制插件、主题,如果需要的话可以联系我 QQ:2283276927

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

雨夜 2831次浏览 0个评论

方法很简单,只需要在网页中引入一段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



涂涂研版版权所有,如未注明 , 均为原创,转载需注明出处。
发表我的评论换个身份
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

主题定制开发流程

ZBLOGPHP开发流程

联系我们