• 网站认证
  • 教程:5,345|
  • 话题:4392|
  • 评论:45|
  • 会员:177|
  • 注册
  • 查看作者
  • 织梦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>

  • 0
  • 0
  • 0
  • 2k
  • 请登录之后再进行评论

    登录
  • 做任务
  • 实时动态
  • 偏好设置
  • 自定义-1
  • 单栏布局 侧栏位置: