html怎么引轮播图插件,swipe轮播图插件使用.html

Document

*{

padding: 0;

margin: 0;

}

ul{

list-style: none;

}

.jd_banner {

width: 300px;

overflow: hidden;

/*默认不可见*/

visibility: hidden;

position: relative;

}

.jd_bannerImg {

overflow: hidden;

position: relative;

}

.jd_bannerImg > li {

float:left;

width:100%;

position: relative;

}

.jd_bannerImg > li img{

width: 100%;

display: block;

}

• 

• 

• 

• 

• 

• 

• 

• 

window.mySwipe = Swipe(document.querySelector(".jd_banner"),{

auto:1000

});

document.getElementById("prev").οnclick=function(){

window.mySwipe.prev();

}

document.getElementById("next").οnclick=function(){

window.mySwipe.next();

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史