您当前的位置: 主页 > 优化教程
此代码优点:
 
◎ 无需修改任何源文件
 
◎ 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,热门,关键字,代码,刷新,一次,变换,    标签:
    更多资讯请收藏关注 网站模板(www.1yc.cn)

彩色tags热门关键字代码刷新一次变换一次此代码优点: ◎ 无需修改任何源文件 ◎ CSS+JS文件控制,简单更... 2021-08-14
彩色tags热门关键字代码刷新一次变换一次此代码优点: ◎ 无需修改任何源文件 ◎ CSS+JS文件控制,简单更... 2021-08-09
如何修改dedecmsDEDECMS模板tags标签字数限制在织梦dedecms的TAG标签中默认字数较少,只能写12个字符,多出... 2021-08-09
如何修改织梦DEDECMS模板tags标签字数限制在织梦dedecms的TAG标签中默认字数较少,只能写12个字符,多出... 2021-07-30
Dedecms实现tags云标签随机颜色与字体大小方法详解本文实例讲述了Dedecms实现tags云标签随机颜色与字体大小方法。... 2021-07-30
dedecms系统TAG标签按栏目调用,只显当前栏目tags织梦tag标签默认是全站调用的,不能按栏目调用当前栏目的tag标签,那... 2021-07-30
织梦dedecms热门搜索关键字调用代码织梦网站热门搜索关键字标签标签名称:hotwords 标签功能:获取网... 2021-07-27
Dedecmsv5.7 tags标签按ID Desc排序解决修改方法:修改/arc.taglist.class.php文件中的代码... 2021-07-27
dedecms织梦tags标签12个字符的限制和调用长度的修织梦的强大就在于开源,新手站长可能对开源不是很了解,开源的含义就是说源... 2021-07-27
dedecms织梦文章如何做好tags标签通过tag能将很多相关性的文章组合在一起,给用户更好的搜索体验。而ta... 2021-07-27
如何实现dedecms外部数据库调用dedecms如何实现2个数据库内容相互调用?这是AB模板网今天要和大... 2021-07-22
织梦后台文本编辑时都是空白的解决方法织梦后台管理内容时,发现添加内容和编辑内容都是出现空白,查看编码后,排... 2021-07-22
织梦频道管理员信息管理员访问自定义表单的设置织梦默认情况下,自定义表单只能是系统管理员才能查看,频道管理员和信息管... 2021-07-22
织梦dedecms5.7“不添加水印”功能勾选无效的解决办法织梦dedecms5.7不添加水印功能勾选无效的解决办法 找到incl... 2021-07-27
织梦广告添加后,前台未更新显示的BUG解决方法如果修改织梦后台广告设置,前台未能显示修改的同学可以参考一下方法进... 2021-07-22
织梦图集{dede:field name='imgurls'}显示栏目名称方法在图片的alt上面显示栏目名称,默认的是没有这样的标签的 织梦图集默认... 2021-07-22
dedecms织梦如何实现调用随机数熟悉JS的朋友都知道,JS可以方便的实现随机数的调用,如果把这个问题放... 2021-07-22
织梦获得软件的真实下载地址dedecms获得软件的真实下载地址 如果获得真实的软件地址 希望各位... 2021-07-22
织梦自由列表的"不使用目录默认主页"错误修正站长用 织梦模板 做站时常常发现织梦自由列表有个致命的问题: 即修改不... 2021-07-22
织梦dede备份数据库表结构空间数据库名不能有中横线如果你的织梦数据库名有中横线的话,你后台备份数据,表结构只有几行,没有... 2021-07-22
织梦DEDECMS用sql命令删除自定义变量如果后台添加变量后不想要了,可删除。有两种方法: 1、直接利用phpm... 2021-07-22
Dedecms待审核的文章也会在列表页显示解决办法解决办法一 这种办法有朋友说有效,但我的dedecms5.6修改是没有... 2021-07-27
dede织梦pagenext标签:文章页上一篇/下一篇标签标签名称:pagenext 功能说明:表示获取文档上一篇/下一篇的链接... 2021-07-22

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