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

相关专题
javascript
javascript
2022-09-12 29

JavaScript是前端开发核心基础语言,各类网页与程序开发都离不开它。我的站长站整合全套JavaScript零基础入门教程、实战案例源码、常用功能代码片段等优质资源,覆盖...