旋转木马轮播

标签：轮播 html js 123 木马 旋转

html

css

    <link rel="stylesheet" href="static/css/base.css">     <link rel="stylesheet" href="static/css/swiper.min.css">     <link rel="stylesheet" href="static/css/bundle.css">

 

    <div class="index-s4">         <div class="top-box">             <div class="wrap-s">                 <div class="tit">123</div>                 <p>123</p>             </div>         </div>         <div class="mouse"></div>         <div class="block">             <div class="items swiper swiper-3d">                 <div class="swiper-wrapper">
                    <div class="item swiper-slide">                         <a>                             <div class="img-box">                                 <img src="static/picture/omdlkis2rr81v7ykgthzzn1ggkjyvgabja0aptv4.jpg" alt="">                             </div>                             <div class="txt-box">                                 <div class="tit">123</div>                                 <p>123</p>                             </div>                         </a>                     </div>                     <div class="item swiper-slide">                         <a href="">                             <div class="img-box">                                 <img src="static/picture/jxwrjkebzf9aorqqjx8arnoaqhrb2609rvmliqrh.jpg" alt="">                             </div>                             <div class="txt-box">                                 <div class="tit">123</div>                                 <p>123</p>                             </div>                         </a>                     </div>                     <div class="item swiper-slide">                         <a href="">                             <div class="img-box">                                 <img src="static/picture/evjqprheprnebnqwdefsaro3cslladox5on2yrod.jpg" alt="">                             </div>                             <div class="txt-box">                                 <div class="tit">123</div>                                 <p>123</p>                             </div>                         </a>                     </div>                     <div class="item swiper-slide">                         <a href="">                             <div class="img-box">                                 <img src="static/picture/cgtlolnichuakbuqndeirg4yvz6gdaonubh3wnab.jpg" alt="">                             </div>                             <div class="txt-box">                                 <div class="tit">123</div>                                 <p>123</p>                             </div>                         </a>                     </div>                     <div class="item swiper-slide">                         <a href="">                             <div class="img-box">                                 <img src="static/picture/vsz2lznydbm6rsxscs4e4vygcfgbf4acu9ratnbj.jpg" alt="">                             </div>                             <div class="txt-box">                                 <div class="tit">123</div>                                 <p>123</p>                             </div>                         </a>                     </div>

                </div>             </div>         </div>         <div class="info-box active">             <a href="">                 <div class="box">                     <div class="tit"></div>                     <p></p>                     <i></i>                 </div>             </a>         </div>         <div class="btns">             <div class="button button-prev"></div>             <div class="button button-next"></div>         </div>         <div class="pagination"></div>     </div>   js <script src="static/js/app.js"></script> <script src="static/js/bundle.js"></script>  

标签：轮播,html,js,123,木马,旋转
From： https://www.cnblogs.com/yangcaicai/p/18334629