卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章64334本站已运行4115

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

大众资源网互动一段逊于简单的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随机的透明度,你也可以修正为其他的

卓越飞翔博客
上一篇: 如何手动切换php版本
下一篇: 使用Chrome控制台快速查找调试JavaScript运行代码
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏