后退 刷新 前进 收藏 顶部 |   知道 黑匣子 富媒体 技术服务

【JS】用js来实现页面内的 标签 随机变色.(舒克)

程序猿 JS分享 ... (shuke.2013-03-09 02:52)

[code]<style>
a.xg01{font:20px; color:#FF0000; text-decoration:none;}
a.xg02{text-decoration:none; color: #CC3300; font-size:11px;}
a.xg03{text-decoration:none;color: #000033; font-size:15px;}
a.xg04{text-decoration:none;color: #3333CC; font-size:16px;}
a.xg05{text-decoration:none;color: #0099FF; font-size:10px;}
a.xg06{text-decoration:none; color: #9966CC; font-size:13px;}
a.xg07{text-decoration:none; color: #996600; font-size:25px;}
a.xg01:hover{color: #FFFF00; text-decoration:none;}
a.xg02:hover{text-decoration:none; color:#006}
a.xg03:hover{text-decoration:none;color:#fcc}
a.xg04:hover{text-decoration:none;color: #3CC}
a.xg05:hover{text-decoration:none;color: #F99}
a.xg06:hover{ text-decoration:none; color: #9CC}
a.xg07:hover{text-decoration:none; color: #333333}
</style>
<div id="tagcolor">
<a href="http://www.coolneng.com" title="酷能">酷能</a>
<a href="http://www.coolneng.com" title="酷能">酷能</a>
<a href="http://www.coolneng.com" title="酷能">酷能</a>
<a href="http://www.coolneng.com" title="酷能">酷能</a>
<a href="http://www.coolneng.com" title="酷能">酷能</a>
<a href="http://www.coolneng.com" title="酷能">酷能</a>
<a href="http://www.coolneng.com" title="酷能">酷能</a>
<a href="http://www.coolneng.com" title="酷能">酷能</a>
<a href="http://www.coolneng.com" title="酷能">酷能</a>
</div>
<script language=javascript ranat=server>
window.onload = function()
{
var links = document.getElementById("tagcolor").getElementsByTagName("a");
for(i=0;i<links.length;i++)
{
links[i].className = "xg0" + Math.ceil((Math.random())*100)%7;
}
}
</script>[/code]





进度:100% 返回程序猿

解决织梦图集中上传图片时跳出302错误

图片新热点

导航


目录


    站内搜索
    首页 | W3C | ME