swiper多個特效怎么在同一頁面上使用（成都網站建設）

2016-08-20 分類：網站建設

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

$(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的時候加上父元素區分開。寫style的時候.swiper-container和.swiper-paginatio是共用的不要寫在里面新建class區分寫改變它們不同的樣式。

關注“創新互聯（成都網站建設）”，你將可以獲得更多的特效問題的應用。

網站題目：swiper多個特效怎么在同一頁面上使用（成都網站建設）
URL分享：http://m.kartarina.com/news25/42075.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

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

猜你還喜歡下面的內容