Artikel ini membagikan kode implementasi efek carousel gambar bootstrap untuk referensi Anda. Konten 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 semua tentang artikel ini, saya harap akan sangat membantu bagi semua orang untuk mempelajari pemrograman JavaScript.