1.jquery 动画
1.基础动画
show() 显示
hide() 隐藏hide(600) 在600ms内逐渐消失 hide('slow') //slow fast normal
toggle() 切换show或者hide 可以传参数
2.渐变动画 主要是透明度 opacity 变化
fadeIn() 渐渐出现 透明度opacity从 0 变成 1
fadeOut() 渐渐消失
fadeTo() 可以控制opacity的变化值 $('p').fadeTo(1000, .3)==>推荐去掉 0.3 之前的 0
fadeToggle() 来回切换
3.滑动动画
slideDown() 向下显示
slideUp() 向上收起
slideToggle()
4.自定义动画 根据一组CSS属性,自定义动画
animate() 重点 ==》主要是实例
5.动画队列
stop(结束动画,立刻完成) 停止动画
dequeue() 直接跳过动画
finish() 直接完成动画
delay() 延迟动画(只能延迟动画)
jQuery.fx.interval 设置运动时间,不推荐
6.动画插件
配合使用 easing.js 有很多很好的动画效果
7.动画的累加 累减
在距离效果上 += 就OK了
JQuery之动画操作
最新推荐文章于 2023-06-15 15:44:35 发布