教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery show、hide、fadeIn、fadeOut、slideUp等的用法

jquery show、hide、fadeIn、fadeOut、slideUp等的用法

发布时间:2015-12-02   编辑:jiaochengji.com
本文介绍下,jquery中show、hide、fadeIn、fadeOut、slideUp等函数的用法,有需要的朋友参考下。

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:在动画完成时执行的参数(即回调函数),可选

您可能感兴趣的文章:
jquery show、hide、fadeIn、fadeOut、slideUp等的用法
jquery必须知道的一些常用特效方法及使用示例(整理)
jquery (show,fadeOut,Animate)简单效果
Jquery实现显示隐藏动态效果的例子
jquery 渐变下拉菜单效果代码
jquery中show、fadeOut、Animate的综合示例
Jquery实现显示和隐藏的4种简单方式
jQuery 渐变下拉菜单
jquery中动态效果小结
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)

关键词: animate  fadeIn  fadeOut  hide  show   
[关闭]
~ ~