常用效果

常用效果

统一参数说明

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒
可选的 callback 参数是动画完成后所执行的函数名称

隐藏/显示

• hide() 隐藏 HTML 元素

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

• show() 显示 HTML 元素

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

• toggle() 切换隐藏/显示 HTML 元素

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

淡入淡出

• fadeIn() 淡入已隐藏的元素

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

• fadeOut() 淡出可见元素

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

• fadeToggle() 切换淡入/淡出

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

• fadeTo() 允许渐变为给定的不透明度（值介于 0 与 1 之间）

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

参数说明

必需的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒
必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）
可选的 callback 参数是该函数完成后所执行的函数名称

滑动

• slideDown() 向下滑动元素

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

• slideUp() 向上滑动元素

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

• slideToggle() 切换向上/向下滑动元素

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

动画

• animate() 创建自定义动画

$(selector).animate({params},speed,callback);

参数说明:

必需的 params 参数定义形成动画的 CSS 属性

停止

• stop() 停止动画或效果

$(selector).stop(stopAll,goToEnd);

参数说明

可选的 stopAll 参数规定是否应该清除动画队列.默认是 false.
可选的 goToEnd 参数规定是否立即完成当前动画.默认是 false.