3D轮播图特效 原生js代码

Jaysun

1.jpg

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>


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (暂无评论,226人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码