jQuery 效果 - 淡入淡出

主要記錄在菜鳥上學(xué)習(xí)的內(nèi)容：平時可能會用到但是不太熟悉的內(nèi)容——做記錄之用。

  • fadeIn() 用于淡入已隱藏的元素。
    $(selector).fadeIn(speed,callback);
    可選的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。.
    可選的 callback 參數(shù)是 fading 完成后所執(zhí)行的函數(shù)名稱。
    例子：
    ``
    $("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
    });
- fadeOut() 用于淡出可見元素。
`$(selector).fadeOut(speed,callback);`
- fadeToggle() 可以在 fadeIn() 與 fadeOut() 方法之間進行切換。
如果元素已淡出，則 fadeToggle() 會向元素添加淡入效果。
如果元素已淡入，則 fadeToggle() 會向元素添加淡出效果。
`$(selector).fadeToggle(speed,callback);`
- fadeTo() 允許漸變?yōu)榻o定的不透明度（值介于 0 與 1 之間）。
`$(selector).fadeTo(speed,opacity,callback);`
fadeTo() 方法中必需的 opacity 參數(shù)將淡入淡出效果設(shè)置為給定的不透明度（值介于 0 與 1 之間）。
例子：

$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});

目前還沒體會到fadeTo() 的效果。。。
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • jQuery 效果 -淡入淡出 jQuery Fading 方法 jQuery 擁有下面四種 fade 方法： f...
    逍遙g閱讀 276評論 0贊 1
  • 通過 jQuery，您可以實現(xiàn)元素的淡入淡出效果。 jQuery 擁有下面四種 fade 方法：fadeIn()f...
    明明德撩碼閱讀 385評論 0贊 0
  • jQuery hide() 和 show() 通過 jQuery，您可以使用 hide() 和 show() 方法...
    convertible閱讀 237評論 0贊 1
  • 2017-09-16摘抄自W3school-jQuery 效果 - 淡入淡出希望幫助自己系統(tǒng)地打好基礎(chǔ)，也能在做筆...
    moralok閱讀 367評論 0贊 0
  • 通過 jQuery，您可以實現(xiàn)元素的淡入淡出效果。 jQuery 擁有下面四種 fade 方法：fadeIn()f...
    杰伊_約翰閱讀 351評論 0贊 0

友情鏈接更多精彩內(nèi)容