swiper用于制作各種幻燈片的移動(dòng)端框架它褪,官方網(wǎng)站為: http://www.swiper.com.cn/
今晚學(xué)習(xí)順便做下筆記扩淀。主要看了swiper的api
http://www.swiper.com.cn/api/basic/2015/0308/197.html
1桑寨、autoplay:2000碉钠, //自動(dòng)切換 2s
自動(dòng)切換的時(shí)間間隔(單位ms)驳糯,不設(shè)定該參數(shù)slide不會(huì)自動(dòng)切換吼鳞,用戶操作后autoplay停止
2奄抽、initialSlide:2蔼两, // 當(dāng)前索引值為第2張 ,從0計(jì)數(shù)
設(shè)定初始化時(shí)slide的索引逞度。
3额划、direction : vertical , //滑動(dòng)方向?yàn)榇怪?br> Slides的滑動(dòng)方向档泽,可設(shè)置水平(horizontal)或垂直(vertical)俊戳。
4、speed:1000馆匿; //滑動(dòng)速度為1000 抑胎, 默認(rèn)300
滑動(dòng)速度,即slider自動(dòng)滑動(dòng)開(kāi)始到結(jié)束的時(shí)間(單位ms)渐北。
5阿逃、autoplayDisableOnInteraction : false,
用戶操作swiper之后,是否禁止[autoplay],默認(rèn)為true:停止恃锉。如果設(shè)置為false搀菩,用戶操作swiper之后自動(dòng)切換不會(huì)停止,每次都會(huì)重新啟動(dòng)autoplay破托。
6肪跋、autoplayStopOnLast:true,
如果設(shè)置為true,當(dāng)切換到最后一個(gè)slide時(shí)停止自動(dòng)切換炼团。(loop模式下無(wú)效)
7澎嚣、grabCursor : true,
設(shè)置為true時(shí),鼠標(biāo)覆蓋Swiper時(shí)指針會(huì)變成手掌形狀瘟芝,拖動(dòng)時(shí)指針會(huì)變成抓手形狀易桃。(根據(jù)瀏覽器形狀有所不同)