swiper多個(gè)特效怎么在同一頁面上使用（成都網(wǎng)站建設(shè)）

2016-08-20 分類：網(wǎng)站建設(shè)

最近給公司開發(fā)手機(jī)端網(wǎng)站，發(fā)現(xiàn)一個(gè)很厲害的插件swiper，這個(gè)插件可以做出很多漂亮的滑動(dòng)的圖片效果，暫時(shí)在使用的時(shí)候我發(fā)現(xiàn)所有的特效樣式都是一樣的。用的是相同的class swiper-container和swiper-pagination，怎么將他們分來呢？我中間換了類名，但是出不來效果，最后我換成這樣的，請(qǐng)注意紅色的部分：

$(function(){ var mySwiper = $( '.banner .swiper-container' ).swiper({mode:'horizontal',loop: true,autoResize:true,pagination:' .banner .swiper-pagination ',paginationClickable :true,autoplay : 3000, }); var swiper = $(' .case .swiper-container ').swiper({ pagination: ' .case .swiper-pagination ',slidesPerView: 4,slidesPerColumn: 2,paginationClickable: true,spaceBetween: 20 });}) 最終出來了效果，

獲取他們共用的class的時(shí)候加上父元素區(qū)分開。寫style的時(shí)候.swiper-container和.swiper-paginatio是共用的不要寫在里面新建class區(qū)分寫改變它們不同的樣式。

關(guān)注“創(chuàng)新互聯(lián)（成都網(wǎng)站建設(shè)）”，你將可以獲得更多的特效問題的應(yīng)用。

網(wǎng)站題目：swiper多個(gè)特效怎么在同一頁面上使用（成都網(wǎng)站建設(shè)）
文章分享：http://www.bm7419.com/news/42075.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

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

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