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