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:在動畫完成時執行的引數(即回撥函式),可選