.tagCloud{padding:0VIpx;}
.tagClouda{margin:0VIIIpx00;line-height:IIIIpx;}
.color0{" />

"景先生毕设|www.jxszl.com

织梦DEDECMS多彩色TAG做法

2022-10-29 16:28编辑: www.jxszl.com景先生毕设
dede模板实现彩色TAG代码主要由JS+CSS实现


作用方法:

I..建I.个新的*.html文档,将以下代码拷进去,然后保存

II.在首页相应的位置进行调用

代码如下:


 更多精彩就在: 51免费论文网|www.jxszl.com 
ext/css">
.tagCloud{padding:0VIpx;}
.tagClouda{margin:0VIIIpx00;line-height:IIIIpx;}
.color0{color:#IIFVFCII;}
.colorI.{color:#ACI.BFII;}
.colorII{color:#IXEVIFCV;}
.colorIII{color:#FBAIVIIVI;}
.colorIV{color:#IIVIIIIIIXCF;}
.colorV{color:#CVIIIAIVVIII;}
.colorVI{color:#ABIIVIIIIVVI;}
.weight0{font-weight:I.00;}
.weightI.{font-weight:III00;}
.weightII{font-weight:V00;}
.weightIII{font-weight:VII00;}
.weightIV{font-weight:IX00;}
.weightV{font-weight:bold;}
.weightVI{font-weight:bolder;}
.size0{font-size:I.IIpx;}
.sizeI.{font-size:I.IIIpx;}
.sizeII{font-size:I.IVpx;}
.sizeIII{font-size:I.VIpx;}
.sizeIV{font-size:II0px;}
.sizeV{font-size:IIIIpx;}
.sizeVI{font-size:IIIVpx;}


functionsetTagCloudStyle(){
varcolors=newArray("color0","colorI.","colorII","colorIII","colorIV",
"colorV","colorVI");
varsizes=newArray("size0","sizeI.","sizeII","sizeIII");
varweights=newArray("weight0","weightI.","weightII","weightIII",
"weightIV","weightV","weightVI");
varcolorsLen=colors.length;//获取颜色样式个数
varsizesLen=sizes.length;//获取字体大小样式个数
varweightsLen=weights.length;//获取字体粗细样式个数

vartagCloud=document.getElementById("tagCloud");
vartagLinks=tagCloud.getElementsByTagName("a");
vartagLinksLen=tagLinks.length;
for(i=0;itagLinks[i].className=colors[Math.floor(colorsLen*Math.random())]+"
"+sizes[Math.floor(sizesLen*Math.random())]+""+weights[Math.floor(weightsLen*Math.random())];
//随机设置每个标签的样式,以实现不同效果.
}
}

if(document.addEventListener){
window.addEventListener(load,setTagCloudStyle,false);
}else{
window.attachEvent(onload,setTagCloudStyle);
}
//绑定onload事件,在文档载入完毕启动setTagCloudStyle()函数;

{dede:tagrow=II0getall=I.sort=month}[field:tag/]
{/dede:tag}



原文链接:http://www.jxszl.com/biancheng/dedecms/75256.html