この記事では、参照のためのブートストラップ画像カルーセル効果の実装コードを共有しています。特定のコンテンツは次のとおりです
<！doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua互換" content = "ie = edge"> <meta name = "viewport" content = "width =" width = bed "他のコンテンツは *それらに従う必要があります！ - > <title> picture carousel_01 </title> <！ - bootstrap-> <link href = "../ bootstrap-3.5-dist/css/bootstrap.min.css" rel = "styleSheet"> <script src = "../ js/jquery-2.1. src = "../ bootstrap-3.3.5-dist/js/bootstrap.min.js"> </script> </head> <body> <！ - 著者：カイル時刻：2016-02-20説明：Carouseldate-interval = "4000" dwell time/quict id = "Carousel-example-generic"> <ol> <li data-target = "＃carousel-example-generic" slide-to = "0"> </li> <li data-target = "＃carousel-example-generic" data-slide-to = "1"> </li> <li datapleers = "carousele-example"> </li> </li> </li data-target = "＃carousel-example-generic" data-slide-to = "1"> </li> <li data-target = "＃carousel-example-generic" data-slide-to = "2"> </li> <li data-target = " src = "../ img/picture carousel/pic01.jpg"/> </div> <div> <img src = "../ picture carousel/pic02.jpg"/> <！ - 画像に表示されるテキスト - > <div> <h3> lenovoキャンパスアンバサドルsrc = "../ img/picture carousel/pic03.jpg"/> </div> <div> <img src = "../ picture carousel/pic04.jpg"/> </div> <！ - controls-> <a href = "＃carousel-example-generic"役割= " aria-hidden = "true"> </span> <span>前</span> </a> <a href = "＃carousel-example-generic" role = "button" data-slide = "next"> <span aria-hidden = "true"> </span> <span> next </span> </a>人間の介入なしの属性設定 - > <script> $（ "。Carousel"）。Carousel（{interval：4000}）</script> </body> </html>上記はこの記事に関するものです。誰もがJavaScriptプログラミングを学ぶことが役立つことを願っています。