您当前的位置: 主页 > 优化教程
此代码优点:
 
◎ 无需修改任何源文件
 
◎ 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文章内容分页{dede:pagebreak/}显示页数设置方法内容里分页很多,分页的地方显示很多,很不美观,做板子的时候遇到这个问题... 2021-07-27
Dedecms程序栏目内容过多如何让只显示一行呢很多开源程序在建立导航栏目的时候都是有限制的,一般的开源程序导航栏多都... 2021-08-14
Pbootcms自定义表单“提交成功”在哪里修改?按照这个路径地址来修改下文件/apps/home/controller... 2023-06-26
织梦dedecms系统tag显示每个tag相应的文章数量有些时候我们想实现类似于wordpress那样的tag,就是在显示ta... 2021-07-27
DedeCMS网站更换域名后图片路径批量修改因为织梦上传图片用的是绝对地址,如果域名更换后,之前发布的文章的图片U... 2021-07-30
织梦会员空间调用会员(积分)头衔的方法本文主要讲解织梦dedecms会员空间如何调用会员头衔(积分头衔) 打... 2021-07-22
用SQL语句获取Dedecms v5.7每个栏目中的文章数量下面是代码在前台页面中的显示效果: 共有会员:72 名 本月更新:72... 2021-07-30
去除dedecmsdedecms后台与前台登陆验证码!织梦dedecms v5.7 gbk织梦后台与前台登陆验证码怎么去除呢... 2021-08-09
DedeCms栏目列表标题第x页序号的完美修改方法之前,AB模板网小编给大家介绍过DedeCms5.1列表标题增加序号、... 2021-07-22
DedeCms系统未审核文档禁止动态浏览修改方法织梦DedeCms默认情况下,会员发布的未审核文档是可以通过动态方式进... 2021-07-27
织梦(织梦)如何获取缩略图原图地址使用dedecms在php空间建站的站长朋友可能都知道,最新出的ded... 2021-08-14
百度编辑器ueditor的高亮代码自动适应设备宽度及自动换行百度编辑器的代码高亮部分非常好看,但是有时候代码过长,在后台预览时没有... 2021-07-22
织梦DedeCMS清除文档数据后让文档ID默认从1开始的办法织梦默认的情况下载删除所有文档数据后,再发布文档就会发现默认的文档id... 2021-07-30
dedecmsdedecms如何删除所有的文章?用SQL命令dedecms织梦如何删除所有的文章?dede一键删除所有文章的SQL... 2021-08-09
如何在dede:channel 调用{dede:field.seotitle/}网上很多人说 dede:channel 调用{dede:field.s... 2021-07-30
DedeCMS文章内容关键词的BUG及修正方法使用DEDE的时候,当你用到:关键词关连文章(文章内容关键词替换)这个... 2021-07-22
{dede:field name='softlinks'/}下载页织梦标签修改织梦Dedecms的软件模型中,{dede:field name=so... 2021-07-30

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