js教程

javascript制作随机样式标签云方法

精准像素 2020-07-14 人阅读

精准像素分享一段超简单的javascript随机样式标签云方法,比网上那些长篇大论的简单好理解多了,一看就懂,效果如下。

javascript制作随机样式标签云方法

JS代码

$(".tags a").each(function(){
var x = 5;
var y = 9;
var rand = parseInt(Math.random() * (x - y + 1) + y);
$(this).css("opacity","0."+ rand);
$(this).hover(function(){
$(this).animate({opacity:"1"},100);
},function(){
$(this).animate({opacity:"0."+ rand},100);
})
});

修改下面的.tags为你难道div选择器就可以了,这里是利用rand随机的透明度,你也可以修改为其他的