Pertama, saya akan menunjukkan carousel gambar bootstrap. Efeknya adalah sebagai berikut. Jika Anda merasa efeknya cukup bagus, silakan lanjutkan membaca dan merujuk ke kode implementasi.
Saya tidak akan mengatakan banyak omong kosong, saya hanya akan memposting kode kepada Anda. Kode spesifiknya adalah sebagai berikut:
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- The above 3 meta tags *must* be placed first, and any other content * harus * mengikuti mereka! -> <Title> gambar carousel_01 </title> <!-bootstrap-> <link href = "../ bootstrap-3.3.5-distr/css/bootstrap.min.css" rel = "stylesheet"> <script src = "../ js/jQuery-2.1.minsheet"> <cript src = "../ js/jQuery-2.1.minsheet" src = "../ bootstrap-3.3.5-distr/js/bootstrap.min.js"> </script> </head> <body> <!-Penulis: Kyle Time: 2016-02-20 Deskripsi: Dival dival "4000" DEVITE-PICARA-PICAN PICAN-PICAN PICURE-KEDIRAN KIRI DAN KIDEBODE KIVED TERTERVAL UNTUK PAMAN KIRI DAN KEDE PICKOUS KEHICE DAN KEDEKOUS KEHICE DARI KEYSEDE PICKOUS KEHICE DARI KEYSEDE KEHICHBOD = id = "carousel-example-generic"> <ol> <li data-target = "#carousel-example-generic" data-slide-to = "0"> </li> <li data-target = "#carousel-example-generic" data-slide-to = "1"> </Li> <Li data-target = "#li-generic" Li-li- "" Li- "Li-" Li- "Li-" Li-To. data-target="#carousel-example-generic" data-slide-to="1"></li><li data-target="#carousel-example-generic" data-slide-to="2"></li><li data-target="#carousel-example-generic" data-slide-to="3"></li></ol><div><div><img src="../img/picture carousel/pic01.jpg" /></div><div><img src="../img/picture carousel/pic02.jpg" /><!--Text to be displayed on the picture--><div><h3>Lenovo Campus Ambassador</h3></div></div><div><img src = "../ img/picture carousel/pic03.jpg"/> </div> <vet> <img src = "../ img/picture carousel/pic04.jpg"/> </div> <!-control-> <a href = "#carousel-example-generic" rane "data-sl-slide = =" Prevan "#ran" PreviF "#rempah" aria-hidden = "true"> </span> <span> Sebelumnya </span> </a> <a href = "#carousel-example-generic" role = "button" data-slide = "next"> <span aria-hidden = "true"> </span> <span> selanjutnya </span> </a> </div> </div> </span> <span> next <span> </a> </div> </Div> <! Pengaturan Atribut Tanpa Intervensi Manusia -> <script> $ (". Carousel"). Carousel ({Interval: 4000}) </script> </body> </html>Di atas adalah kode sampel tampilan efek carousel gambar berbasis bootstrap berdasarkan bootstrap yang diperkenalkan editor kepada Anda. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!