html怎么引轮播图插件,swipe轮播图插件使用.html
生活随笔
收集整理的這篇文章主要介紹了
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
原始數據
按行查看
歷史
總結
以上是生活随笔為你收集整理的html怎么引轮播图插件,swipe轮播图插件使用.html的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 用FireFox+FVD看TS格式流媒体
- 下一篇： bcm43142无线网卡驱动