本篇文章給大家分享的是有關(guān)實(shí)現(xiàn)jQuery中淡入淡出效果的方法，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話(huà)不多說(shuō)，跟著小編一起來(lái)看看吧。

創(chuàng)新互聯(lián)建站專(zhuān)注于上黨網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供上黨營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，上黨網(wǎng)站制作、上黨網(wǎng)頁(yè)設(shè)計(jì)、上黨網(wǎng)站官網(wǎng)定制、微信小程序服務(wù)，打造上黨網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供上黨網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。

  jQuery中有四種方法分別為fadeIn()、fadeOut()、fadeToggle()、fadeTo()，通過(guò)這四種方法可以實(shí)現(xiàn)淡入淡出的效果

jQuery具有四種fade方法，分別是fadeIn()、fadeOut()、fadeToggle()、fadeTo()接下來(lái)在文章中將為大家具體介紹這幾種方法如何實(shí)現(xiàn)淡入淡出效果

fadeIn()方法

主要用于淡入已隱藏的元素，它有兩個(gè)參數(shù)分別為:

speed ：表示效果的時(shí)長(zhǎng)，可取“slow" ,"fast”或者是自定義的時(shí)間值。它是可選參數(shù)

callback :表示淡入效果完成后所執(zhí)行的函數(shù)名稱(chēng)

fadeOut() 方法

主要用于淡出可見(jiàn)元素，它的參數(shù)值與fadeIn的值一樣

fadeToggle() 方法

這個(gè)方法可以在 fadeIn() 與 fadeOut() 方法之間進(jìn)行切換

如果元素已淡出，則 fadeToggle() 會(huì)向元素添加淡入效果

如果元素已淡入，則 fadeToggle() 會(huì)向元素添加淡出效果

fadeTo() 方法

fadeTo() 方法允許漸變?yōu)榻o定的不透明度（值介于 0 與 1 之間）

fadeTo方法中除了包含speed和callback函數(shù)以外，還多了一個(gè)必需的 opacity 參數(shù)，目的在于將淡入淡出效果設(shè)置不透明度

實(shí)例分享:

  
  
  


  
  
點(diǎn)擊

效果圖：

以上就是實(shí)現(xiàn)jQuery中淡入淡出效果的方法，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。