JQuery: Slide Up/Down
2014-01-24 14:47
465 查看
<!DOCTYPE html> <html> <head> <title>Slide Panel</title> <script type="text/javascript" src="script.js"></script> <link rel="stylesheet" type="text/css" href="stylesheet.css"></link> </head> <body> <div class="panel"> <br /> <br /> <p>Now you see me!</p> </div> <p class="slide"><div class="pull-me">Slide Up/Down</div></p> </body> </html>
$(document).ready(function(){ $('.pull-me').click(function(){ $('.panel').slideToggle('slow'); }); });
script.js
相关文章推荐
- 用原生JavaScript写出类似jQuery中slideUp和slideDown效果
- JQuery slidedown slideup方法
- jQuery动画效果-slideUp slideDown上下滑动示例代码
- jQuery动画效果-slideUp slideDown上下滑动
- jquery slideup\slidedown
- 基于jquery的slideDown和slideUp做手风琴
- [jQuery教程]jquery基础教程六(滑动效果函数之slideDown,slideToggle和slideUp)
- 工作日志 jquery slideDown slideUp
- Jquery slideUp slideDown slideToggle 上拉 下拉 自动上拉下拉
- jQuery中slidedown与slideup方法用法示例
- 基于jquery的slideDown和slideUp做手风琴
- jQuery动画效果-slideUp slideDown上下滑动示例代码
- 用原生javascript写出jquery中slideUp和slideDown效果
- JQury中设置元素滑动(slideUp/slideDown/slideToggle)方法
- jQuery 动画特效show() hide() slideUp() slideDown() fadeIn() fadeOut() animate() stop() delay()
- 4.2.3: jQuery动画之slideUp()方法和slideDown()方法
- 微信小程序之实现slideUp和slideDown效果和点击空白隐藏
- IE8中Jquery slideUp、slideDown方法由Position属性引起的Bug
- jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数,在IE浏览器下有几处bug