jquery的基本动画——
hide() 隐藏显示的元素
书写格式:hide([speed][sesing] [fn])
show() 显示隐藏的元素
书写格式:show([speed][sesing] [fn])
speed:显示过程的速度 速度是毫秒值
sesing:指定切换的效果
fn:动画完成时执行的一个函数
jQuery的滑动是通过高度的变化(向某个方向增大或者缩小)来动态的显示所匹配的元素
slideDown([speed] [fn])通过高度的变化,向下增大的动态效果 下滑效果
speed:下滑显示过程的速度 英文值或者毫秒
fn:动画完成时执行是函数
slideUp([speed] [fn]) 通过高度的变化,向上减小的动态效果 上滑效果(会向上隐藏)
speed:上滑显示过程的速度 英文值或者毫秒
fn:动画完成时执行是函数
slideToggle([speed] [fn])通过高度的变化来切换元素的可见性
speed:上滑隐藏/下滑显示 过程的速度 英文值或者毫秒
fn:动画完成时执行是函数
英文值为slow或者fast
jQuery是通过控制不透明度的变化来控制匹配到的元素的淡入淡出效果
fadeIn([speed] [fn]) 通过不透明度的变化来实现匹配到元素的淡入的效果;
fadeOut([speed] [fn])通过不透明度的变化来实现匹配到元素的淡出的效果;
fadeToggle([speed] [fn]) 通过不透明度的变化来开关所有匹配元素的淡入淡出效果;
fadeTo([speed] opacity [fn]) 把所有匹配到元素的不透明度以渐进发方式调整到指定的不透明度;
// speed:规定效果的时长
fn:动画完成时执行是函数
opacity:fadeTo()方法中必须参数,控制淡入淡出的效果的不透明度(值介于0与1之间)
jQuery中我们使用 animate()方法创建自定义的动画
语法:$(selector).animate({params},speed,fn);
必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 fn是动画完成后所执行的函数
停止动画:
stop() 方法用于停止动画或效果,在它们完成之前; 该方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画
语法:
$(selector).stop(stopAll,goToEnd)
可选的参数 stopAll 规定是否应该清除动画队列。默认是 false 仅停止活动的动画,允许任何排入队列的动画向后执行
可选的参数 goToEnd 规定是否立即完成当前动画。默认是 false
默认情况下 stop() 会清除在被选元素上指定的当前动画