この記事では、参照のためのブートストラップ画像カルーセル効果の実装コードを共有しています。特定のコンテンツは次のとおりです
<!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プログラミングを学ぶことが役立つことを願っています。