网站标签(关键词)随机颜色js代码和css样式代码
以下代码仅供参考,在实际应用时,需要改写。
js代码
$(document).ready(function() { var divTags_a = $(".tags a"); divTags_a.each(function(){ var x = 8; var y = 0; var rand = parseInt(Math.random() * (x - y + 1) + y); $(this).addClass("tags_c"+rand); }); });
css代码
.tags a.tags_c1{color:#68a2d5} .tags a.tags_c2{color:#7dc67d} .tags a.tags_c3{color:#e17572} .tags a.tags_c4{color:#7898aa} .tags a.tags_c5{color:#c35cff} .tags a.tags_c6{color:#33bcba} .tags a.tags_c7{color:#c28f5c} .tags a.tags_c8{color:#ff8533} .tags a.tags_c9{color:#6e6e6e}
html代码
<div class="tags"> <a target="_blank" title="#标签名称" href="#标签链接">标签1</a> <a target="_blank" title="#标签名称" href="#标签链接">标签2</a> <a target="_blank" title="#标签名称" href="#标签链接">标签3</a> <a target="_blank" title="#标签名称" href="#标签链接">标签4</a> <a target="_blank" title="#标签名称" href="#标签链接">标签5</a> <a target="_blank" title="#标签名称" href="#标签链接">标签6</a> <a target="_blank" title="#标签名称" href="#标签链接">标签7</a> <a target="_blank" title="#标签名称" href="#标签链接">标签8</a> <a target="_blank" title="#标签名称" href="#标签链接">标签9</a> </div>
本文链接:https://h.finchui.com/wangzhan/4679.html 转载需授权!