您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“jquery中的fadeout方法如何用”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!
在jquery中,fadeout()方法用于逐漸改變被選元素的不透明度,從可見到隱藏;利用該方法隱藏的元素不會影響頁面的布局,設(shè)置方法內(nèi)的參數(shù)可以改變元素褪色的速度,語法為“元素對象.fadeOut(speed,easing,執(zhí)行函數(shù))”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
fadeOut() 方法逐漸改變被選元素的不透明度,從可見到隱藏(褪色效果)。
注釋:隱藏的元素不會被完全顯示(不再影響頁面的布局)。
提示:該方法通常與 fadeIn() 方法一起使用。
語法
$(selector).fadeOut(speed,easing,callback)
參數(shù)表示如下:
speed 可選。規(guī)定褪色效果的速度??赡艿闹担?/p>
毫秒
"slow"
"fast"
easing 可選。規(guī)定在動畫的不同點上元素的速度。默認值為 "swing"??赡艿闹担?/p>
"swing" - 在開頭/結(jié)尾移動慢,在中間移動快
"linear" - 勻速移動
提示:擴展插件中提供更多可用的 easing 函數(shù)。
callback 可選。fadeOut() 方法執(zhí)行完之后,要執(zhí)行的函數(shù)。
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".btn1").click(function(){ $("p").fadeOut() }); }); </script> </head> <body> <button class="btn1">淡出</button> <p>這是一個段落。</p> </body> </html>
輸出結(jié)果:
“jquery中的fadeout方法如何用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實用文章!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。