autojs左右滑动脚本代码_Swiper.js实现移动端元素左右滑动

swiper.js也是一个很好用的移动端的js库。

需要引入它的css文件和js文件。用法很简单，加入相应的类即可，看一下Demo，很容易看懂。

我的例子如下：

Swiper demo

body {

background: #eee;

font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

font-size: 14px;

color:#000;

margin: 0;

padding: 0;

}

.swiper-container {

width: 100%;

height: 300px;

margin: 20px auto;

}

.swiper-slide {

text-align: center;

font-size: 18px;

background: #fff;

}

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Slide 7

Slide 8

Slide 9

Slide 10

立即分享

var swiper = new Swiper('.swiper-container', {

slidesPerView: 3,

paginationClickable: true,

spaceBetween: 30,

freeMode: true

});

var shareBtn = document.getElementById("share-button");

var bless = document.getElementById("bless-word");

shareBtn.addEventListener("click",function(){

var blessWord = bless.value;

var url = "index2.html?word=" + blessWord;

shareBtn.setAttribute("href",url);

},false);

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