彩色热门tags,热门关键字代码,刷新一次变换一次,无需修改源码

softyun3年前cms教程45

此代码优点:

◎ 无需修改任何源文件

◎ 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,改变字体的颜色,大小,字体...等等,自由发挥吧!

看截图效果吧:
 

官方原帖地址:51896  喜欢的朋友不妨去顶一下!

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

DEDECMS提示信息上的标题是在哪里修改

DEDECMS提示信息上的标题是在哪里修改include里的inc_functions.php中 查找 替换 一共有两处。...

【Pagebreak 标记使用实例】-DedeCMS模板制作使用实例教程(13)

【Pagebreak 标记】表示文档的分页链接列表。适用范围:仅文档模板。   通过调试了解其使用方法   我调试的方法是:   将templets\default\文件夹下的list_default...

DedeCmsV5.1函数及文件参考手册

文件:include/inc_function.php 系统默认会载入此文件 GetCurUrl() 获得当前的脚本的URL GetAlabNum($str) 把字符串里的全角数字转为半角数字(会把非...

关于dedecms非官方站点

有许多朋友会纳闷。为啥不把官方论坛搞好点,反而要去做个新的东西呢。这里我务必解释下。发起这个非官方dedecms网站和非官方团队,不是为了和官方论坛抢人气!而是让大家有一个合理的契机和平台聚拢在一起为...

dedecms添加自定义属性让首页显示特定文章

织梦dedecms添加自定义属性让首页显示特定文章大家经常使用织梦程序,如果在制作网站时,有自己想要指定显示图片类的文章,那怎么做出来呢这就看我们怎么灵活使用织梦dedecms的文章自定义属性标签了。...

DedeCMS模板制作使用实例系列教程(序)

织梦官方群8808589里朋友多次告诫我“要学会处理事情的根本方法 (为完成)[鸣谢]”,作为DedeCMS菜鸟使用者,第一次写模板方面的教程,我侧重方法的介绍,下面,我以问题的形式由浅入深展开。说得...