微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery效果--淡入淡出

jQuery Fading 方法

通过 jQuery,您可以实现元素的淡入淡出效果

jQuery 拥有下面四种 fade 方法

fadeIn()  用于淡入已隐藏的元素。

$(selector).fadeIn(speed,callback);

$("button").click(function(){

 $("#div1").fadeIn();

 $("#div2").fadeIn("slow"); 

});

fadeOut()  用于淡出可见元素。

$(selector).fadeOut(speed,callback);

fadetoggle()方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

$(selector).fadetoggle(speed,callback);

fadeto()  渐变为给定的不透明度(值介于 0 与 1 之间)。

$(selector).fadeto(speed,opacity,callback);

$("button").click(function(){

 $("#div1").fadeto(1000,0.15);

 $("#div2").fadeto("slow",0.8); 

});

注:fadeto必须加速度的参数

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐