图片演示
![图片[1]-原生js 3D轮播图特效-狐仙阁](https://www.huxianbk.cn/wp-content/uploads/2022/10/7e2645fa5f022618-1024x370.gif)
主要代码
引入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>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容