订阅/程序下载
首页 > 5ucms优化 > 正文
5ucms tag随机变色
作者:Qiuss 来源:cssHaier 日期:2010/4/19 10:22:49 浏览量:829(滞后) 人气:LOADING...(实时) 【

1、在5ucms模板<head></head>中间放入以下内容:

<style type="text/css">   
/*<![CDATA[*/  
    
.keyword{color:#aaa;}   
.keyword1 { color:#339900;font-weight:bold;}    
.keyword2 { color:#e65730; }    
.keyword3 { color:#00b9da;}    
.keyword4 { color:#FE3981;font-weight:bold;}   
.keyword5 { color: #006600;font-weight:bold;}   
.keyword6 { color: #990033;font-weight:bold;}   
.keyword7 { color: #3300FF;}    
.keyword8 { color: #669933;}   
/*]]>*/  
</style>  

2、在网页<body></body>中间放入以下内容:(可自由修改链接部分)

<ul id="keywords1">   
 <li><a class="keyword" href="/plus/search/index.asp?keyword=5ucms">5ucms</a></li>   
<li><a class="keyword" href="/plus/search/index.asp?keyword=iis">iis</a></li>   
<li><a class="keyword" href="/plus/search/index.asp?keyword=mysites">mysites</a></li>   
<li><a class="keyword" href="/plus/search/index.asp?keyword=qq">qq</a></li>   
<li><a class="keyword" href="/plus/search/index.asp?keyword=%B8%F4%D0%D0%BB%BB%C9%AB">隔行换色</a></li>   
<li><a class="keyword" href="/plus/search/index.asp?keyword=%C1%E9%B6%AF%B1%EA%C7%A9">灵动标签</a></li>   
<li><a class="keyword" href="/plus/search/index.asp?keyword=%C1%F4%D1%D4">留言</a></li>   
<li><a class="keyword" href="/plus/search/index.asp?keyword=%CD%B7%CC%F5">头条</a></li>   
<li><a class="keyword" href="/plus/search/index.asp?keyword=5u">5u</a></li>   
<li><a class="keyword" href="/plus/search/index.asp?keyword=%CD%BC%C6%AC%C5%D0%B6%CF">图片判断</a> <script language="javascript" type="text/javascript">   
var keyword_a=document.getElementsByTagName("a");    
      for( i in keyword_a){    
        var offset=6;    
        var num=8;    
        if(keyword_a[i].className=="keyword"){    
        var rnd=Math.ceil((num+offset)*Math.random());    
        if(rnd>offset){    
          keyword_a[i].className="keyword"+(rnd-offset);    
        }    
        }    
      } </script></li>   
            </ul>  

3、演示请看http://csshaier.com/shili/tag.html

本站推荐:5ucms模板 5ucms插件 微信/QQ:3876307        [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms优化宝典
下一篇:5UCMS动态浏览模式下的伪静态修改方法,以HTML结尾哦~
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
常见问题: 什么是路径码? 如有问题,请在下方评论提问或加入5ucmsQQ群
5ucms tag随机变色的关键词:5ucms tag
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org 微信/QQ:3876307