您当前的位置: 主页 > 优化教程
此代码优点:
 
◎ 无需修改任何源文件
 
◎ 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列表页随机调用多张缩略图DEDECMS列表页面调用缩略图,可以用系统自带的脚本调用第一张图片,... 2021-07-27
dedecms v5.7 织梦模板标签myad 广告标签的教程标签名称:myad 功能说明:获取广告代码 适用范围:全局使用 基本语... 2021-07-22
dedecms教程:“无法获得主键,因此无法进行后续无法获得主键,因此无法进行后续操作 出现这个问题一般在后台系统主页检测... 2021-07-22
织梦系统强化seo效果 dedecms网站用标签实现图片自动Alt功能在我们用dedecms做网站的时候,在网站中有时候经常会插入图片,尤其... 2021-07-30
Dedecms:pagebreak 分页控制数量很多织梦建站的朋友会碰到这样的问题,想让内容页分页的样式变成和列表一样... 2021-07-22
织梦模板调用自定义字段方法使用织梦程序建站,很多时候需要添加一个字段来满足需求,比如添加一个价格... 2021-07-22
DedeCMS内容列表页和tag列表页调用当前页数序号的方法从搜索引擎优化的角度来讲,DedeCMS列表页标题、tag标签列表页标... 2021-08-09
如何修改织梦DEDECMS模板tags标签字数限制在织梦dedecms的TAG标签中默认字数较少,只能写12个字符,多出... 2021-07-30
织梦如何修改中英文模板的当前位置一些企业可能会有对外贸易,所以说可能需要做一个双语网站。对于双语网站有... 2021-07-22
DedeCMS文章自动添加指定关键词链接的方法DedeCMS在该版本又对许多地方进行了改进。但是我一直期待的自动添加... 2021-07-22
DEDECMS织梦采集时提示读取网址失败的原因与解决方法DEDECMS 设置采集规则时,保存测试时,提示读取测试网址失败,不能... 2021-07-27
DedeCms 三级栏目获取当前效果解决方法网上看了很多关于织梦二级栏目当前效果,很多都要修改原代码,或是其他的方... 2021-07-22
DEDECMS修改文章TAG 给TAG加链接 去掉TAG字数限制给TAG加链接: PHP Code复制内容到剪贴板 {dede:tag... 2021-07-30
调用{dede:likewords}为dedecms添加相关搜索词经常看到一些大型的网站会设置相关搜索,即使访客搜索的内容在本站暂时没有... 2021-07-30
DEDE织梦当前系统时间标签带时分:[field:pubdate function=GetDate... 2021-07-27

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