jQuery中的滑动及动画

1.jQuery slideUp() 方法

   jQuery slideUp() 方法用于向上滑动元素。

2.jQuery slideDown() 方法

   jQuery slideDown() 方法用于向下滑动元素。

3.jQuery slideToggle() 方法

  jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。

  如果元素向下滑动,则 slideToggle() 可向上滑动它们。

  如果元素向上滑动,则 slideToggle() 可向下滑动它们。

4.jQuery 动画 - animate() 方法

   jQuery animate() 方法用于创建自定义动画。

   jQuery animate() 使用很强大,个人觉得它挺好用

   jQuery animate() - 使用预定义的值

例如: $("button").click(function(){

       $("div").animate({

        height:'toggle'});

 });

   甚至可以把属性的动画值设置为 "show"、"hide" 或 "toggle":

5.jQuery stop() 方法用来停止滑动或者停止动画

jQuery stop() 方法用于停止动画或效果,在它们完成之前。

stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。

你可能感兴趣的:(jQuery中的滑动及动画)