欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

彩色热门tags,热门关键词代码,刷新一次换一次

标签: 作者:融科网络 | 点击:
05

Nov
2019

导语
◎ 无需修改任何源文件 ◎ CSS+JS文件控制,简单更容易! ◎ 随心所欲,想变多少色彩就变多少色彩。 网页部分的代码如下: div h2span热门标签 img src=http://www.dede58.com/a/dedejq/images_ex/image_
 

◎ 无需修改任何源文件

◎ CSS+JS文件控制,简单更容易!

◎ 随心所欲,想变多少色彩就变多少色彩。


网页部分的代码如下:

<div> 
  <h2><span>热门标签 <img src=http://www.dede58.com/a/dedejq/"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=http://www.dede58.com/a/dedejq/"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,热门Keywords代码,刷新一次换一次

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/14781.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:织梦首页/栏目页调用新闻描述字数限制修改办法

下一篇:织梦CMS实现自动锚文本办法

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制