首页 工作简记

这里有你需要的JQuery Show()的几种效果

发布时间:2015年12月03日 评论数：抢沙发 阅读数：2667

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