强大的移动端触屏幻灯片图片和HTML内容切换插件idangerous偷窃者,支持自定义左右切换还是上下切换,支持多个分组切换,支持下拉更新切换,支持选项卡方式切换等十几种切换效果,支持众多的选项配置,如:
速度:切换的速度(毫秒)
播放:自动播放的速度
模式:切换模式水平(横向)垂直(竖向)
循环:是否循环播放真的假
如此强大的配置功能,值得使用。
<强>使用方法:
1。加载插件
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun/path_to_css/idangerous.swiper.css "比;
& lt;脚本推迟src=" https://www.yisu.com/zixun/path_to_js/idangerous.swiper - 2. - x.min.js”祝辞& lt;/script>
之前
2. html内容
& lt; div类=皊wiper-container”比;
& lt; div类=皊wiper-wrapper”比;
& lt; !——第一张幻灯片——比;
& lt; div类=皊wiper-slide”比;
& lt; !——任何HTML内容的第一张幻灯片——比;
& lt;/div>
& lt; !第二张幻灯片——比;
& lt; div类=皊wiper-slide”比;
& lt; !——第二张幻灯片的任何HTML内容——比;
& lt;/div>
& lt; !——第三张幻灯片——比;
& lt; div类=皊wiper-slide”比;
& lt; !——任何HTML内容的第三张幻灯片,比;
& lt;/div>
& lt; !等——比;
& lt;/div>
& lt;/div>
之前
3。函数调用
& lt;脚本type=" text/javascript祝辞
窗口。onload=function () {
var mySwiper=new偷窃者(.swiper-container, {//你的选择:
模式:“水平”,
循环:真//等。
});
}
& lt;/script>
之前
插件支持jQuery和Zepto,如果使用这两者,请先加载jQuery。js
& lt;脚本type=" text/javascript祝辞
$(函数(){
var mySwiper=$ (' .swiper-container ') .swiper ({//你的选择:
模式:“水平”,
循环:真//等。
});
});
& lt;/script>
之前
源码下载:idangerous swiper.js
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
