首頁 > web前端 > js教程 > 主體

JQuery Show()的幾種效果 總有一種是你需要的

巴扎黑
發布: 2017-06-29 10:42:51
原創
1239 人瀏覽過

   

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

 

#

以上是JQuery Show()的幾種效果 總有一種是你需要的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!