网站设计中用到的几种JQuery Show()效果

网站设计中用到的几种JQuery Show()效果

1 show()方法和hide()方法$("selector").show() 从display:none还原元素默认或已设置的display属性$("selector").hide() 设置元素的display样式为none,等于$("selector").css("display","none")(注: 传入参数后...

位置:首页 > 动态 > 前端代码 > 网站设计中用到的几种JQuery Show()效果

网站设计中用到的几种JQuery Show()效果

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


关键词:

上一篇: css3实现div上下左右居中

下一篇: 没有了

版权所有www.Zding.cn © 2017 贵州钟鼎网络科技有限责任公司 版权所有. 黔ICP备11002213号
贵阳遵义黔西南0851-82216110
观望只会错过创造美好的机会
线上服务咨询 0851-82216110 填写需求索取报价