HTML网页淡入淡出特效怎样实现

Posted 2023-04-25

参考技术A jquery 的 fadeIn()和fadeOut()方法 参考技术B html5利用动画效果实现，菜鸟教程里面可以找到 参考技术C 这有插件你可以去看看

jQuery特效

1、隐藏与显示
.hide() 隐藏元素参数第一个（可选）为执行时间（毫秒），第二个（可选）为函数
.show()
.toggle()
2、淡入淡出
.fadeIn() 淡入
.fadeOut() 淡出
.fadeToggle() 淡入或淡出
.fadeTo() 设置不透明度
3、滑动
.slideDown() 滑动出现
.slideUp() 滑动隐藏
.slideToggle() 滑动出现或隐藏
4、回调
以上这些函数都可以有2个参数，第一个参数是执行时间，第二个参数是回调函数
5、自定义
.animate():根据一组css属性，执行自定义动画。
.clearQueue():从列表中一处所有未执行的项。
.delay():设置一个延迟来推迟执行队列中后续的项。
.finish():停止当前正在运行的动画，删除所有排队的动画，并完成匹配元素所有的动画。
.stop():停止匹配元素当前正在运行的动画。