jQuery 特殊效果

Posted 2020-09-27 15037075275z

1.收缩和展开

(1).展开(slideDown())

$(展开元素的id).slideDown(展开的时间(毫秒),function()

{

展开后执行的代码

});

(2).收缩(slideUp())

$(收缩元素的id).slideUp(收缩的时间(毫秒),function()

{

收缩后执行的代码

});

注：收缩和展开后执行的代码可以不写。

2.隐藏和显示

(1).隐藏(hide())

$(隐藏元素的id).hide(隐藏的时间(毫秒),function()

{

隐藏后执行的代码

});

(2).显示(show())

$(显示元素的id).show(显示的时间(毫秒),function()

{

显示后执行的代码

});

注：隐藏和显示后执行的代码可以不写。

3.淡入淡出

(1).淡出(fadeOut())

#(淡出元素的id).fadeOut(淡出的时间(毫秒),function()

{

淡出后执行的代码

});

(2).淡入(fadeIn())

#(淡入元素的id).fadeIn(淡入的时间(毫秒),function()

{

淡入后执行的代码

});

注：淡入淡出后执行的代码可以不写。