移动端触屏幻灯片图片切换插件idangerous swiper.js

强大的移动端触屏幻灯片图片和超文本标记语言内容切换插件idangerous swiper，支持自定义左右切换还是上下切换，支持多个分组切换，支持下拉更新切换，支持拉环方式切换等十几种切换效果，支持众多的选项配置，如：

速度：切换的速度（毫秒)

自动播放：自动播放的速度

模式：切换模式水平（横向)垂直（竖向)

循环：是否循环播放真假

如此强大的配置功能，值得使用。

使用方法：

1.加载插件

链接rel='样式表href=' path _ to _ CSS/I危险。斯威珀。CSS '脚本延期src=' http : path _ to _ js/I危险。swiper-2。x分钟。js '/脚本2 .超文本标记语言内容

div class=' swiper-container ' div class=' swiper-wrapper '！-第一张幻灯片！-第一张幻灯片的任何超文本标记语言内容都在这里- /div！-第二张幻灯片！-第二张幻灯片的任何超文本标记语言内容都在这里- /div！-第三张幻灯片！-第三张幻灯片的任何超文本标记语言内容都在这里- /div！等等.- /div/div3 .函数调用

脚本类型=' text/JavaScript '窗口。onload=function(){ var MySwifer=new Swiper(' .swiper-container '，{//您在此的选项：模式： '水平，循环： true//等.});}/脚本插件支持jQuery和泽普托，如果使用这两者，请先加载jQuery.js

脚本类型=' text/JavaScript ' $(function(){ var mySwiper=$(').swiper-容器').swiper({//您在此的选项：模式： '水平，循环： true//等.});});/script源码下载：idangerous swiper.js

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。