jquery怎樣實(shí)現(xiàn)點(diǎn)擊刪除淡出效果

實(shí)現(xiàn)點(diǎn)擊刪除淡出效果的方法：1、給元素綁定click點(diǎn)擊事件并指定事件處理函數(shù)；2、在事件處理函數(shù)中利用fadeTo()方法實(shí)現(xiàn)點(diǎn)擊刪除淡出效果，語法為“要淡出的元素對象.fadeTo(speed,opacity,callback)”。
成都創(chuàng)新互聯(lián)長期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為惠城企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)，惠城網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

在jquery中，可以利用fadeTo()方法和click點(diǎn)擊事件實(shí)現(xiàn)點(diǎn)擊刪除淡出效果。

fadeTo() 方法將被選元素的不透明度逐漸地改變?yōu)橹付ǖ闹怠ＵZ法為：

$(selector).fadeTo(speed,opacity,callback)

其中：

示例如下：

<html><head><script type="text/javascript" src="http://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視頻教程

網(wǎng)站標(biāo)題：jquery怎樣實(shí)現(xiàn)點(diǎn)擊刪除淡出效果
本文網(wǎng)址：http://muchs.cn/article2/cghsic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站收錄、ChatGPT、自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容