0
点赞
收藏
分享

微信扫一扫

灯塔--10.25 Jquery效果操作


JQuery 操作影响原来样式

类操作和 className 的区别

原生 JS 中 className 会覆盖元素原先里面的类名
JQuery 里面类操作只是对指定类进行从操作,不影响原先的类名.

JQuery 效果

显示隐藏 滑动 淡入淡出

显示与隐藏效果

语法规范: show([speed],[easing],[fn])
显示参数:
1)参数都可以省略,表示无动画显示
2)speed:三种预定速度之一的字符串(“slow”,“normal”,fast")或表示动画时长的毫秒数值
3)easing:(Optional)用来指定切换效果,默认是"swing",可用参数"linear"
4)fn:回调函数,在动画完成时执行的函数,每个元素执行一次

滑动

下拉: slideDown()
上拉:slideUp()
切换:slideToggle()

动画队列及停止动画队列的方法

动画队列是指:在同一时间内触发多个动画,每个动画都必须完成
stop() 用于停止动画或效果
stop()写在动画或者效果前面,相当于停止了上一次的动画或效果

淡入淡出效果

淡入 fadeIn()
淡出 fadeOut()
切换 fadeToggle()
修改透明度 fadeTo()

自定义动画 animate

灯塔--10.25 Jquery效果操作_ide


举报

相关推荐

0 条评论