2016-08-20 分類: 網(wǎng)站建設(shè)
$(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的時候加上父元素區(qū)分開。寫style的時候.swiper-container和.swiper-paginatio是共用的不要寫在里面新建class區(qū)分寫改變它們不同的樣式。關(guān)注“創(chuàng)新互聯(lián)(成都網(wǎng)站建設(shè))”,你將可以獲得更多的特效問題的應(yīng)用。
網(wǎng)站題目:swiper多個特效怎么在同一頁面上使用(成都網(wǎng)站建設(shè))
URL分享:http://m.newbst.com/news25/42075.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容