站長資訊網(wǎng)
實(shí)現(xiàn)點(diǎn)擊刪除淡出效果的方法：1、給元素綁定click點(diǎn)擊事件并指定事件處理函數(shù)；2、在事件處理函數(shù)中利用fadeTo()方法實(shí)現(xiàn)點(diǎn)擊刪除淡出效果，語法為“要淡出的元素對象.fadeTo(speed,opacity,callback)”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery怎樣實(shí)現(xiàn)點(diǎn)擊刪除淡出效果
在jquery中，可以利用fadeTo()方法和click點(diǎn)擊事件實(shí)現(xiàn)點(diǎn)擊刪除淡出效果。
fadeTo() 方法將被選元素的不透明度逐漸地改變?yōu)橹付ǖ闹?。語法為：
$(selector).fadeTo(speed,opacity,callback)
其中：
示例如下：
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").fadeTo(1000,0); }); }); </script> </head> <body> <p>點(diǎn)擊按鈕淡出</p> <button class="btn1">淡出</button> </body> </html>
輸出結(jié)果：
相關(guān)視頻教程推薦：jQuery視頻教程
