Swiper 简单实例
<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>Swiperdemo</title><linkrel="stylesheet"href="css/swiper.min.css"/><scriptsrc="jslib/swiper.js"></script><script>window.onload=function(){varswiper=newSwiper('.swiper-container',{pagination:'.swiper-pagination',paginationClickable:true,nextButton:'.swiper-button-next',prevButton:'.swiper-button-prev',loop:true});};</script><style>.swiper-container{width:500px;height:500px;}.swiper-slideimg{height:100%;width:100%}</style></head><body><divclass="swiper-container"><divclass="swiper-wrapper"><divclass="swiper-slide"><imgsrc="p_w_picpaths/1.jpg"/></div><divclass="swiper-slide"><imgsrc="p_w_picpaths/2.jpg"/></div><divclass="swiper-slide"><imgsrc="p_w_picpaths/3.jpg"/></div></div><!--分页按钮--><divclass="swiper-pagination"></div><!--导航按钮--><divclass="swiper-button-prev"></div><divclass="swiper-button-next"></div></div></body></html>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。