3D轮播图,很漂亮的图片展示风格,可用于网站图片,商品展示,有需要的可以自取。
添加代码:
引入CSS、js文件
<link rel="stylesheet" href="css/swiper.css"> <script src="js/swiper.js"></script>
html代码
<div class="swiper"> <ul class="pic"> <li class="now"><a href="#"><img src="img/t1.png" ></a></li> <li class="next"><a href="#"><img src="img/t2.png" ></a></li> <li><a href="#"><img src="img/t3.png" ></a></li> <li><a href="#"><img src="img/t4.png" ></a></li> </ul> <ol class="cricle"></ol> <div class="btns"> <a href="javascript:;" class="leftbtn" style="float: left; margin-left: 6px;"></a> <a href="javascript:;" class="rightbtn" style="float: right; margin-right: 6px;"></a> </div> <div class="leftBox"></div> <div class="rightBox"></div> </div>
还没有评论,来说两句吧...