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

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

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

javascript制作随机样式标签云方法 随便写写 第2张

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随机的透明度,你也可以修改为其他的

本文结束

发表评论

登录... 评论区已永久关闭~