jQuery动画效果制作

2025-04-30 07:07:08

1、懋鲕壶迎基本效果(显示与隐藏)1)show():显示2)show(speed,[callback]) :以动画效果显示3)茑霁酌绡hide():隐藏4)hide(speed,[callback]) :以动画效果隐藏5)toggle() :切换显示或隐藏6)toggle(switch) :显示或隐藏,如果switch为true代表显示,false隐藏(了解)7)toggle(speed,[callback]):以动画效果显示或隐藏参数说明:speed:动画的速度,可以是"slow"(缓慢), "normal"(正常), "fast"(快速)也可以理解为动画的持续时间,单位为毫秒。[callback]:动画完成时所触发的回调函数示例代码:

jQuery动画效果制作
jQuery动画效果制作

2、滑动效果(上下滑动)•slideDown(speed,[callback]) :以动画效果向下滑动•slideUp(speed,[callback]) :以动画效果向上滑动•slideToggle(speed,[callback]) :以动画效果滑动参数说明:speed:动画的持续时间,单位为毫秒[callback]:动画完成时所触发的回调函数示例代码:

jQuery动画效果制作
jQuery动画效果制作

3、淡入幕契箔熔淡出效果•fadeIn(speed,[callback]) :以动画效果淡入•fadeOut烫喇霰嘴(speed,[callback]) :以动画效果淡出•fadeTo(speed,opacity,[callback]) :设置元素的透明度0(全透明)-1(不透明)之间参数说明:speed:动画的持续时间opacity:元素的透明度,0(全透明)1(不透明)[callback]:动画完成时所触发的回调函数示例代码:

jQuery动画效果制作
jQuery动画效果制作

4、自定义动画效果animate(params,[speed], [fn]) :创建自定义动画参数说明:params:json对象,动画参数[speed]:动画的持续时间[fn]:动画完成时所触发的回调函数

jQuery动画效果制作

5、5.案例01:使用自定义动画仿好123左侧导航

jQuery动画效果制作
jQuery动画效果制作
jQuery动画效果制作

6、6.案例02:一组图片的淡入淡出

jQuery动画效果制作
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢