jquery的动画

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() 会清除在被选元素上指定的当前动画