您当前的位置: 主页 > 优化教程
此代码优点:
 
◎ 无需修改任何源文件
 
◎ CSS+JS文件控制,简单更容易!
 
◎ 随心所欲,想变多少颜色就变多少颜色。
 
 
网页部分的代码如下:
 
 <div> 
  <h2><span>热门标签 <img src="images_ex/image_v1/ico_arrow_black.gif" [/color][/b] 
[b][color=#ff0000]/></span></h2> 
  <ul>{dede:loop table='dede_search_keywords' sort='keyword' row='40' if=''} 
  <li><a class="tag" href="plus/search.php?keyword=[field:keyword/]"> [field:keyword/]</a></li> 
    {/dede:loop}</ul>  
  </div> 
  <script language="javascript"> 
  <!-- 
  var tag_a=document.getElementsByTagName("a"); 
  for( i in tag_a){ 
    var offset=6; 
    var num=4; 
    if(tag_a[i].className=="tag"){ 
    var rnd=Math.ceil((num+offset)*Math.random()); 
    if(rnd>offset){ 
      tag_a[i].className="tag"+(rnd-offset); 
    } 
    } 
  } 
  //--> 
  </script> 
</div>
 
 
CSS部分的代码如下:
 
.tag1 { color:#339900;font-weight:bold;} 
.tag2 { color:#e65730;} 
.tag3 { color:#00b9da;} 
.tag4 { color:#FE3981;font-weight:bold;font-size:14px;}
 
 
使用说明:
 
◆此彩色关键字代码中有4种颜色的变化,如果想增加更多颜色变化, 
只需要修改var num=4;和css部分增加.tag 
例如:var num=5;    css里增加.tag5{ color:#00b9da;} ,当然,自己也可以修改相应css,改变字体的颜色,大小,字体...等等,自由发挥吧!

彩色tags热门关键字代码刷新一次变换一次(图1)

 

关键词:彩色,tags,热门,关键字,代码,刷新,一次,变换,    标签:
    更多资讯请收藏关注 网站模板(www.1yc.cn)

Dedecms如何修改程序文件达到让会员无法发布重复文章的方法小编经常遇到客户的论坛被刷会员或者被会员们大量的刷垃圾帖子,经常建站的... 2021-07-30
织梦dedecms后台怎么增加栏目上传缩略图功能我们用织梦制作企业网站时,因为有很多的栏目,每个栏目的图片都不一样,单... 2021-07-30
Dedecms5.6/5.7系统转移data目录网站验证码不显示解决办法: 操作后验证码不显示。 修改//vdimgck.php中刚开... 2021-07-27
如何修改dedecmsDEDECMS模板tags标签字数限制在织梦dedecms的TAG标签中默认字数较少,只能写12个字符,多出... 2021-08-09
织梦(织梦)如何获取缩略图原图地址使用dedecms在php空间建站的站长朋友可能都知道,最新出的ded... 2021-08-14
织梦图集{dede:field name='imgurls'}显示栏目名称方法在图片的alt上面显示栏目名称,默认的是没有这样的标签的 织梦图集默认... 2021-07-22
如何实现在列表页中间随机插入广告DEDECMS织梦列表页每隔N行文章添加一条广告(也可以自定义改为虚线... 2021-07-30
Dedecms织梦如何让文章搜索按点击次数排序的修改方法织梦Dedecms程序越来越受到站长朋友们的喜爱,从市场上来看基本上企... 2021-08-14
织梦后台添加了一篇文章,但是前台显示两篇一模一样的文章织梦后台添加了一篇文章,但是前台显示两篇一模一样的文章的解决方法: 到... 2021-07-22
关于织梦dedecms友情链接的标签问题织梦非常之奇葩,对于这友情链接的标签简直无语,这完全可以直接用以下这种... 2021-07-27
织梦DEDECMS字符截取函数cn_substr()的作用和用法织梦字符截取函数名:cn_substr 适用版本:(=DedeCMS ... 2021-07-22
织梦dedecms搜索指定栏目文档方法织梦默认代码有这样一个代码,方便快捷解决这样的难题。只需要在模板搜索代... 2021-07-22
织梦自定义字段为空时显示不同的内容有时候织梦自定义字段,如果没有值的时候要显示指定的默认内容,该如何操作... 2021-07-22
将百度编辑器(Ueditor)整合到dedecms中的方法本文实例讲述了将百度编辑器(Ueditor)整合到dedecms中的方... 2021-07-30
dedecms简略标题(副标题)使用方法教程在常见的CMS系统中,我对dedecms算是比较熟悉的,自己网站用的也... 2021-07-30
DEDECMS织梦模板likearticle标签调用全站相关文章DEDECMS有个很讨厌的标签,相关文章(likearticle标签)... 2021-07-22

线
咨询热线:
135-0038-3336
在线客服:
点击这里给我发消息
微信交流:
公司官网: www.1yc.cn