jQuery 效果

jquery 提供了 fadeIn() 、fadeOut() 、fadeToggle() 和 fadeTo 四个方法来简化淡入淡出动画效果的开发

jQuery 淡入淡出动画效果

jQuery 提供四种实现元素的淡入淡出效果的方法

1. fadeIn()
2. fadeOut()
3. fadeToggle()
4. fadeTo()

jQuery fadeIn() 方法

jQuery fadeIn() 用于实现淡入已隐藏的元素

可选的 speed 参数规定效果的时长，它可以取以下值："slow"、"fast" 或毫秒

可选的 callback 参数是 fading 完成后所执行的函数名称

下面的范例演示了带有不同参数的 fadeIn() 方法

jQuery fadeOut() 方法

jQuery fadeOut() 方法用于淡出可见元素

语法

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是 fading 完成后所执行的函数名称。

下面的范例演示了带有不同参数的 fadeOut() 方法

jQuery fadeToggle() 方法

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

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

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

语法

可选的 speed 参数规定效果的时长，它可以取以下值："slow"、"fast" 或毫秒

可选的 callback 参数是 fading 完成后所执行的函数名称

下面的范例演示了带有不同参数的 fadeToggle() 方法

jQuery fadeTo() 方法

jQuery fadeTo() 方法允许渐变为给定的不透明度 ( 值介于 0 与 1 之间 )

语法

必需的 speed 参数规定效果的时长，它可以取以下值："slow"、"fast" 或毫秒

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）

可选的 callback 参数是该函数完成后所执行的函数名称

下面的范例演示了带有不同参数的 fadeTo() 方法

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！