东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
24
2018/11

swiper2的使用方法

發(fā)布時間:2018-11-24 09:24:06
發(fā)布者:luanqingwei
瀏覽量:
0

今天文匯軟件小編就來講一下swiper2的使用方法,swiper4與swiper2相比使用簡單,但swiper4在ie8中是不支持的,為了解決swiper在ie中的兼容,小編通過查找資料,發(fā)現(xiàn)swiper4主要針對的ie10以上與移動端中的使用,swiper2主要針對的事pc端中的使用,所以swiper2能夠更好的兼容ie10以下。

image.png

首先引入swiper2的css文件與js文件(這里推薦的是bootcdn的cdn文件)

將以下結(jié)構(gòu)放入頁面中(根據(jù)自己的項目調(diào)節(jié)結(jié)構(gòu)樣式)

 

    

    

         

Slide1
 

         

Slide2
 

         

Slide3
 

  

 

將以下js代碼放入到頁面中

image.png

這樣簡單的swiper2就可以實現(xiàn)了。

如果想要加入分頁器需要在結(jié)構(gòu)中加入

,根據(jù)自己的需求定義分頁器的樣式。將pagination : '.pagination',加入到j(luò)s中,這樣swiper的分頁器功能就可實現(xiàn)了。

image.png

關(guān)鍵詞:
返回列表