這篇文章運(yùn)用簡單易懂的例子給大家介紹jQuery怎么實(shí)現(xiàn)淡入于淡出動(dòng)畫效果，代碼非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

站在用戶的角度思考問題，與客戶深入溝通，找到會(huì)澤網(wǎng)站設(shè)計(jì)與會(huì)澤網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋會(huì)澤地區(qū)。

淡入與淡出

hide()和show()函數(shù)的動(dòng)畫都在不斷的改變著大小,實(shí)際上這種做法非常的混亂,所以我們此時(shí)最好的做法是可以進(jìn)行淡入與淡出的效果

淡入操作:fadeIn(時(shí)間,function(){})

淡出操作:fadeOut(事件,function(){})

自己設(shè)置淡出操作fadeTo(事件,淡出率,function(){}),淡出率不超過1

淡出操作

使用fadeTo（）觀察淡出率問題

$(function(){
//設(shè)置淡出率
$(myimg).fadeTo(5000,0.3,function(){});
});

如果設(shè)置為0表示完全淡出，如果設(shè)置為1,表示不單出。

如果已經(jīng)懂得了淡入于淡出的操作，可以實(shí)現(xiàn)一排按鈕

利用淡入于淡出實(shí)現(xiàn)菜單的功能

關(guān)于jQuery怎么實(shí)現(xiàn)淡入于淡出動(dòng)畫效果就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱：jQuery怎么實(shí)現(xiàn)淡入于淡出動(dòng)畫效果-創(chuàng)新互聯(lián)
鏈接地址：http://weahome.cn/article/gjced.html