码迷,mamicode.com
首页 > Web开发 > 详细

jQuery动画上下滑动slideDown() slideUp() slideToggle()用法

时间:2020-03-28 10:29:36      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:button   方法   gcs   code   nbsp   span   jin   元素   ane   

jQuery动画上下滑动slideDown() slideUp() slideToggle()用法

<button>www.hongjingcs.com</button>

1,jQuery slideDown() 向下方法

$("#flip").click(function(){ $("#panel").slideDown(); });

2,jQuery slideUp()  向上方法

$("#flip").click(function(){ $("#panel").slideUp(); });

3,jQuery slideToggle() 方法

jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。 如果元素向下滑动,则 slideToggle() 可向上滑动它们。 如果元素向上滑动,则 slideToggle() 可向下滑动它们。

$("#flip").click(function(){ $("#panel").slideToggle(); });

jQuery动画上下滑动slideDown() slideUp() slideToggle()用法

标签:button   方法   gcs   code   nbsp   span   jin   元素   ane   

原文地址:https://www.cnblogs.com/96net/p/12585930.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!