JQuery动画滑动函数
2017-06-26 16:48
246 查看
input{
width:30%;
height:80px;
}
div{
width:100px;
height:100px;
background-color:#7f7f7f;
}
$(function(){
$("#btdown").click(function(){
$("div").slideDown(300);
});
$("#btup").click(function(){
$("div").slideUp(500);
});
$("#bttoggle").click(function(){
$("div").slideToggle();
});
});
相关文章推荐
- [原创]jQuery插件处女座--超链接滑动动画
- 用js模拟JQuery的show与hide动画函数代码
- jquery动画函数队列
- jQuery动画效果-slideUp slideDown上下滑动
- jquery动画相关函数
- [jQuery教程]jquery基础教程六(滑动效果函数之slideDown,slideToggle和slideUp)
- jquery自定义动画的函数切换函数
- JQUERY自定义动画函数
- jquery lavaLamp背景滑动,内容缓慢滑动动画特效,图片缓慢缩放
- jquery动画函数
- jQuery动画-让页面动起来! (2)基本的动画函数主要分为show, hide和toggle
- jQuery动画高级用法(上)——详解animation中的.queue()函数
- jQuery动画高级用法——详解animation中的.queue()函数
- jquery 之 $().animate(params, option) 自定义动画函数
- jquery 动画函数
- 仿JQuery的show与hide动画函数
- jQuery动画高级用法(上)——详解animation中的.queue()函数
- Jquery示例 三 --淡入淡出的动画函数
- 利用JQuery动画制作滑动菜单项效果
- jQuery动画高级用法(上)——详解animation中的.queue()函数