W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
在jQuery中可以通過四個方法來實現元素的淡入淡出,這四個方法分別是:fadeIn()、fadeOut()、fadeToggle() 以及 fadeTo(),本文通過實例來為你講解如何在jQuery中使用這四個方法。
通過 jQuery,您可以實現元素的淡入淡出效果。
點擊展示 淡入/淡出 面板
因為時間是寶貴的,我們提供快捷方便的學習方法。
在 W3CSchool,你可以學習需要的知識。
jQuery fadeIn()
演示 jQuery fadeIn() 方法。
jQuery fadeOut()
演示 jQuery fadeOut() 方法。
jQuery fadeToggle()
演示 jQuery fadeToggle() 方法。
jQuery fadeTo()
演示 jQuery fadeTo() 方法。
通過 jQuery,您可以實現元素的淡入淡出效果。
jQuery 擁有下面四種 fade 方法:
jQuery fadeIn() 用于淡入已隱藏的元素。
語法:
可選的 speed 參數規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。.
可選的 callback 參數是 fading 完成后所執(zhí)行的函數名稱。
下面的例子演示了帶有不同參數的 fadeIn() 方法:
jQuery fadeOut() 方法用于淡出可見元素。
語法:
可選的 speed 參數規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數是 fading 完成后所執(zhí)行的函數名稱。
下面的例子演示了帶有不同參數的 fadeOut() 方法:
jQuery fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換。
如果元素已淡出,則 fadeToggle() 會向元素添加淡入效果。
如果元素已淡入,則 fadeToggle() 會向元素添加淡出效果。
語法:
可選的 speed 參數規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數是 fading 完成后所執(zhí)行的函數名稱。
下面的例子演示了帶有不同參數的 fadeToggle() 方法:
jQuery fadeTo() 方法允許漸變?yōu)榻o定的不透明度(值介于 0 與 1 之間)。
語法:
必需的 speed 參數規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。
fadeTo() 方法中必需的 opacity 參數將淡入淡出效果設置為給定的不透明度(值介于 0 與 1 之間)。
可選的 callback 參數是該函數完成后所執(zhí)行的函數名稱。
下面的例子演示了帶有不同參數的 fadeTo() 方法:
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯系方式:
更多建議: