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,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 669评论 0 3
  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css...
    老夫撩发少年狂阅读 1,104评论 0 2
  • 警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document....
    鹿守心畔光阅读 2,858评论 3 104
  • jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery,您需要下载 jQuery 库(会在下...
    Clover园阅读 301评论 0 0
  • jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。...
    阿r阿r阅读 1,164评论 0 4