您的位置:首页 > Web前端 > JQuery

JQuery Show()的几种效果 总有一种是你需要的

2017-01-06 09:11 267 查看
   
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:在动画完成时执行的参数(即回调函数),可选

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐