织梦DEDECMS多彩色TAG做法

dede模板实现彩色TAG代码主要由JS+CSS实现
作用方法:
1、建一个新的*.html文档,将以下代码拷进去,然后保存
2、在首页相应的位置进行调用
代码如下:
<styletype="text/css">
.tagCloud{padding:06px;}
.tagClouda{margin:08px00;line-height:22px;}
.color0{color:#2F5FC2;}
.color1{color:#AC1BF2;}
.color2{color:#9E6FC5;}
.color3{color:#FBA426;}
.color4{color:#2739CF;}
.color5{color:#C8A453;}
.color6{color:#AB2846;}
.weight0{font-weight:100;}
.weight1{font-weight:300;}
.weight2{font-weight:500;}
.weight3{font-weight:700;}
.weight4{font-weight:900;}
.weight5{font-weight:bold;}
.weight6{font-weight:bolder;}
.size0{font-size:12px;}
.size1{font-size:13px;}
.size2{font-size:14px;}
.size3{font-size:16px;}
.size4{font-size:20px;}
.size5{font-size:22px;}
.size6{font-size:24px;}
</style>
<scriptlanguage="javascript"type="text/javascript">
functionsetTagCloudStyle(){
varcolors=newArray("color0","color1","color2","color3","color4",
"color5","color6");
varsizes=newArray("size0","size1","size2","size3");
varweights=newArray("weight0","weight1","weight2","weight3",
"weight4","weight5","weight6");
varcolorsLen=colors.length;//获取颜色样式个数
varsizesLen=sizes.length;//获取字体大小样式个数
varweightsLen=weights.length;//获取字体粗细样式个数
vartagCloud=document.getElementById("tagCloud");
vartagLinks=tagCloud.getElementsByTagName("a");
vartagLinksLen=tagLinks.length;
for(i=0;i<tagLinksLen;i++){
tagLinks[i].className=colors[Math.floor(colorsLen*Math.random())]+"
"+sizes[Math.floor(sizesLen*Math.random())]+""+ weights[Math.floor(weightsLen*Math.random())];
//随机设置每个<a>标签的样式,以实现不同效果.
}
}
if(document.addEventListener){
window.addEventListener('load',setTagCloudStyle,false);
}else{
window.attachEvent('onload',setTagCloudStyle);
}
//绑定onload事件,在文档载入完毕启动setTagCloudStyle()函数;
</script>
<divclass="tagCloud"id="tagCloud">{dede:tagrow='20'getall='1'sort='month'}<ahref='http://www.niuqi.net/[field:link/]'>[field:tag/]</a>{/dede:tag}</div>

给TA打赏
共{{data.count}}人
人已打赏
网站教程

织梦DEDECMS导航高亮显示

2020-8-24 16:01:28

网站教程

织梦dedecms图集图片超过宽度自动适应的解决办法

2020-8-24 16:01:31

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索