JQuery Show()的几种效果 总有一种是你需要的
2015-11-12 15:50
579 查看
1 show()方法和hide()方法
$("selector").show()
从display:none还原元素默认或已设置的display属性
$("selector").hide()
设置元素的display样式为none,等于$("selector").css("display","none")
(注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)
2 fadeIn()方法和fadeOut()方法
$("selector").fadeIn()
控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut()
控制透明度在指定时间内降低至display:none;
3 slideUp()方法和slideDown()方法
$("selector").slideUp()
控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown()
控制元素高度在指定时间内从display:none延伸至完整高度
4 自定义动画方法animate()
$("selector").animate(params,speed,callback);
params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2",...}
speed:速度参数,可选
callback:在动画完成时执行的参数(即回调函数),可选
$("selector").show()
从display:none还原元素默认或已设置的display属性
$("selector").hide()
设置元素的display样式为none,等于$("selector").css("display","none")
(注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)
2 fadeIn()方法和fadeOut()方法
$("selector").fadeIn()
控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut()
控制透明度在指定时间内降低至display:none;
3 slideUp()方法和slideDown()方法
$("selector").slideUp()
控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown()
控制元素高度在指定时间内从display:none延伸至完整高度
4 自定义动画方法animate()
$("selector").animate(params,speed,callback);
params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2",...}
speed:速度参数,可选
callback:在动画完成时执行的参数(即回调函数),可选
相关文章推荐
- jquery控制按钮的禁用与启
- 详解MyEclipse10 安装Spket 1.6.23(支持Extjs4.1.1及jQuery1.8)
- 使用jquery showloading plugin 加载滚动条的方法
- Jquery中$(this)的含义----联系的问题
- 如何将easyui中的jquery.messager.confirm提示框按钮改成中文?
- jQuery-1.9.1源码分析系列(四) 缓存系统
- jQuery中设置form表单中action值的方法
- jQuery中添加自定义或函数方法
- jquery表单序列表转化为json
- Jquery zTree的使用
- JQuery学习系列基础教程
- 备忘篇——jQuery中操作数组
- jquery-ui,弹出,等等各种特效
- jQuery 中 attr() 和 prop() 方法的区别
- jQuery对象DOM对象互转
- 记jQuery.fn.show的一次踩坑和问题排查
- JQuery 禁用所有select标签的值
- JQuery按照指定长度为数字前面补零
- JQuery的Ajax使用Get,Post方法调用C#WebService并返回数据
- jQuery提交Json数据到Webservice,并接收返回的Json数据