您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“jquery如何讓元素緩慢消失”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“jquery如何讓元素緩慢消失”這篇文章吧。
在jquery中,可以利用fadeOut()方法讓元素緩慢消失,該方法用于逐漸改變被選元素的不透明度,可以讓元素逐漸隱藏,設置參數(shù)可以設置元素消失的速度,語法為“元素對象.fadeOut(速度,不同點上元素的速度,執(zhí)行完后執(zhí)行的參數(shù))”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
在jquery中,通過獲得圖片對象 ,使用fadeOut()方法讓圖片慢慢消失。
新建一個html文件,命名為test.html,用于講解jquery如何讓圖片慢慢消失。在p標簽內(nèi),使用img標簽創(chuàng)建一張圖片,下面將使用jquery方法讓該圖片慢慢消失。設置img標簽的id屬性為mypic,主要用于下面通過該id獲得img對象。
使用button標簽創(chuàng)建一個按鈕,按鈕名稱為“圖片慢慢消失”。給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執(zhí)行himg()函數(shù)。創(chuàng)建himg()函數(shù),在函數(shù)內(nèi),通過id(mypic)獲得圖片對象,使用fadeOut()方法設置為slow,即可實現(xiàn)圖片慢慢消失。
在瀏覽器打開test.html文件,點擊按鈕,查看實現(xiàn)的效果。
總結:
1、創(chuàng)建一個test.html文件。
2、在文件內(nèi),在p標簽內(nèi),使用img標簽創(chuàng)建一張圖片,同時創(chuàng)建一個button按鈕,用于觸發(fā)執(zhí)行js函數(shù)。
3、在js標簽內(nèi),創(chuàng)建函數(shù),在函數(shù)內(nèi),通過獲得圖片對象,使用fadeOut()方法設置為slow,即可實現(xiàn)圖片慢慢消失。
注意事項
fadeOut()方法的參數(shù)可以為slow,也可以設置為圖片消失的秒數(shù),單位為毫秒。
以上是“jquery如何讓元素緩慢消失”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業(yè)資訊頻道!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。