jquery特效有哪些，jquery特效代码

jquery特效有哪些，jquery特效代码

今天给大家带来的是JQuery的7个效果。大家可以发挥自己的想象力来创造一个使用场景。

一定会给你惊喜。

一：

语法：

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

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

实例

//点击隐藏

$("#hide").click(function(){

$("p").hide();

});

//点击显示

$("#show").click(function(){

$("p").show();

});

jQuery toggle()

通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素，并隐藏已显示的元素：

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

$("p").toggle();

});

二：

语法：

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

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

实例

//淡入已隐藏的元素

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

$("#p1").fadeIn();//无参数

$("#p2").fadeIn("slow");//慢

$("#p3").fadeIn(3000);//时间周期

});//淡出可见的元素

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

$("#p1").fadeOut();//无参数

$("#p2").fadeOut("slow");//慢

$("#p3").fadeOut(3000);//时间周期

});

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

如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。

语法：

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

实例

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

$("#p1").fadeToggle();

$("#p2").fadeToggle("slow");

$("#p3").fadeToggle(3000);

});

本文地址：IT问答频道 https://www.hkm168.com/itwenda/918334.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！