随机选取样式代码js

来源：互联网发布：动漫软件好学吗编辑：程序博客网时间：2024/04/28 16:01

html部分

<ul id="divTags">   <li><h4><a href="#">专利战升级，高通要求美禁止进口部分iPhone机型</a></h4></li>   <li><h4><a href="#">专利战升级，高通要求美禁止进口部分iPhone机型</a></h4></li>   <li><h4><a href="#">专利战升级，高通要求美禁止进口部分iPhone机型</a></h4></li>   <li><h4><a href="#">专利战升级，高通要求美禁止进口部分iPhone机型</a></h4></li>   <li><h4><a href="#">专利战升级，高通要求美禁止进口部分iPhone机型</a></h4></li></ul>

css部分

.ho-news li h4 a:hover{color: #666}.ho-news li.divTags0{border-left: 3px #fd5f00 solid}.ho-news li.divTags1{border-left: 3px #ffc002 solid}.ho-news li.divTags2{border-left: 3px #00a635 solid}.ho-news li.divTags3{border-left: 3px #00c3c4 solid}.ho-news li.divTags4{border-left: 3px #5c68ec solid}.ho-news li.divTags5{border-left: 3px #00a9da solid}.ho-news li.divTags6{border-left: 3px #e41a91 solid}

js部分

(function() {var sc = $(document);var tags_a = $("#divTags li");tags_a.each(function() {var x = 5;var y = 0;var rand = parseInt(Math.random() * (x - y + 1) + y);$(this).addClass("divTags" + rand);});})();

#divTags是关键标签。

效果图：

阅读全文

0 0