随机选取样式代码js

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是关键标签。

 

效果图：