首页 > CMS教程 > 织梦CMS    日期:2020-11-05 / 浏览

关键字描述:代码 关键字 热门 < " var num tag_a css 增加

  DEDE热门关键字代码
  
  网页部分的代码如下:
  
  <div>
  
  <h2><span>热门标签 <img alt="" src="images_ex/image_v1/ico_arrow_black.gif" /></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> {/dede:loop} </li>
  
  </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></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,改变字体的颜色,大小,字体...等等,自由发挥吧!

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章