小編給大家分享一下jQuery如何實(shí)現(xiàn)淡入和滑動(dòng)切換,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了海陽免費(fèi)建站歡迎大家使用!
淡入/滑動(dòng)切換
滑動(dòng)和淡入都是我們用jQuery做動(dòng)畫的時(shí)候大量運(yùn)用的東西。如果你只是想在用戶點(diǎn)擊之后展示一個(gè)元素的話,那么用fadeIn 和slideDown 方法就很完美。但是,如果你想要元素在第一次點(diǎn)擊的時(shí)候出現(xiàn),然后在第二次點(diǎn)擊的時(shí)候消失的話,那么可以試試下面的代碼:
// Fade $('.btn').click(function () { $('.element').fadeToggle('slow'); }); // Toggle $('.btn').click(function () { $('.element').slideToggle('slow'); });
以上是“jQuery如何實(shí)現(xiàn)淡入和滑動(dòng)切換”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!