旋转木马轮播

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>