网站标签(关键词)随机颜色js代码和css样式代码

燕山网络科技2021-12-23375

以下代码仅供参考,在实际应用时,需要改写。

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://www.hnysnet.com/wangzhan/4679.html 转载需授权!

分享到:

网友评论

最新发布

燕山网络科技在线咨询

上班时间:9:00-22:00
周六、周日:14:00-22:00
wechat
扫一扫二维码,添加客服微信

15639981097

上班时间:9:00-22:00
周六、周日:14:00-22:00

扫一扫二维码,添加客服微信