Konten utama artikel ini adalah membuat gambar korsel di bawah bilah navigasi untuk secara otomatis memainkan berita penting terbaru untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
1. Diagram korsel yang responsif
// Diagram korsel responsif
<Div id = "mycarousel"> <ol> <li data-target = "#mycarousel" data-slide-to = "0"> </li> <li data-target = "#mycarousel" data-slide-to = "1"> </li> <Li-target = "#mycarousel" Data-slide-to = " style = "latar belakang:#223240;"> <a href = "#"> <img src = "img/slide1.png"> </a> </div> <div style = "latar belakang:#f5e4dc;"> <a href = "#"> <mg src = "IMG/slide2.png"> </a. style = "latar belakang:#de2a2d;"> <a href = "#"> <img src = "img/slide3.png"> </a> </div> </div> <a href = "#mycarousel" data-slide = "prev"> <"<a href ="#"
// kontrol jQuery yang diperlukan
$ ('#myCarousel'). Carousel ({// atur playback otomatis/interval 2 detik: 3000,});// Sesuaikan posisi panousel panous
$ ('. Carousel-inner img'). EQ (1) .height () || $ ('. Carousel-inner img'). EQ (1) .height () || $ ('. Carousel-inner img'). EQ (2) .height (); $ ('. Carousel-inner img'). EQ (2) .height (); $ ('. Carousel-inner img'). EQ (2) .height (); $ ('. Carousel-control'). CSS ('line-height', $ height + 'px');});// Diperlukan CSS
A: fokus {outline: none;}. navbar-brand {padding: 0;}#mycarousel {margin: 50px 0 0 0;}. carousel-inner .item img {margin: 0 auto;}. carousel-control {font-size: 100px;}Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan topik yang luar biasa kepada Anda: Tutorial Pembelajaran Bootstrap Bootstrap Bootstrap Tutorial Praktis
Berbagi topik yang indah: gambar jQuery carousel javascript gambar carousel bootstrap carousel
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.