javascript - Bagaimana untuk menulis karusel dengan imej di atas dan di bawah menggunakan jq?
黄舟
黄舟 2017-05-19 10:13:41
0
1
744

Seperti yang ditunjukkan dalam gambar, gambar kecil di bahagian bawah tidak bergerak semasa karusel automatik, tetapi bakul muncul pada gambar kecil seterusnya selepas 1 saat Apabila kotak biru muncul pada gambar kecil paling kanan, kedua yang kecil gambar di bahagian bawah menggerakkan 4 gambar kecil ke kiri Bagaimana untuk membuat karusel automatik seperti itu?
Ini ialah bahagian kod imej karusel

            <p class="img_list_area">
                    <p class="top_img">
                        <span class="T_next"></span>
                        <span class="T_prev"></span>
                        <ul>
                            <li>
                                <a>
                                    <img src="img/img_list.png"/>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img/>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img/>
                                </a>
                            </li>
                            <li>
                                <a>
                                    <img/>
                                </a>
                            </li>
                            <br clear="all"/>
                        </ul>
                    </p>
                    <p class="bottom_img">
                        <span class="B_next"></span>
                        <span class="B_prev"></span>
                        <ul>
                            <li class="on">
                                <a>
                                   <img src="img/img_list.png"/>
                                </a>
                                <p class="blue_border"></p>
                            </li>
                            <li>
                                <a>
                                   <img src="img/img_list.png"/>
                                </a>
                                <p class="blue_border"></p>
                            </li>
                            <li>
                                <a>
                                   <img src="img/img_list.png"/>
                                </a>
                                <p class="blue_border"></p>
                            </li>
                            <li>
                                <a>
                                   <img src="img/img_list.png"/>
                                </a>
                                <p class="blue_border"></p>
                            </li>
                            <br clear="all"/>
                        </ul>
                    </p>
                </p>
黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

membalas semua(1)
洪涛

Biarkan gambar atas dan gambar bawah sepadan antara satu sama lain melalui atribut tertentu Apabila gambar atas aktif, gambar bawah bergerak ke kedudukan paling kiri, dan ini bergelung, dan yang lain adalah sama seperti karusel biasa. # 🎜🎜#

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan