이 기사에서는 참조에 대한 부트 스트랩 이미지 회전식 효과의 구현 코드를 공유합니다. 특정 내용은 다음과 같습니다
<! docType html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-catsible"content = "ie get"> <meta name = "viewport"contment = "width = device-width, mete-scale = 1"-위의 3 개의 태그 * 다른 컨텐츠 *를 따라야합니다! -> <title> 그림 carousel_01 </title> <!-bootstrap-> <link href = "../ bootstrap-3.3.5-dist/css/bootstrap.min.css"rel = "Stylesheet"> <script src = "../ js/jquery-2.1.4.min.js"> </script> <cript src = "../ bootstrap-3.3.5-dist/js/bootstrap.min.js"> </script> </script> </head> <! 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 data-target = "#carousel- explample-generic" "0-explample-generic" "0-generic" 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"> </ol> src = "../ IMG/Pictue Carousel/pic01.jpg"/> </div> <div> <img src = "../ img/picture carousel/pic02.jpg"/> <!-그림에 표시 될 텍스트-> <div> <h3> Lenovo Campus ampassador </div> </div> </div> </div> </div> </div> </h3> src = "../ IMG/Pictue Carousel/pic03.jpg"/> </div> <div> <img src = "../ img/pictue carousel/pic04.jpg"/> </div> <!-컨트롤-> <a href = "#carousel-example-generic" "button" "<prev"> <prev "> aria-hidden = "true"> </span> <span> previous </span> </a> </a> <a href = "#carousel-example-generic"lole = "button"data-slide = "next"> <span aria-hidden = "true"> </span> </span> </a> </a> </div> <!-- 시간 자동으로 설정, javascript를 통해 시작됩니다. 사람의 개입이없는 CSS 속성 설정 -> <cript> $ ( ". carousel"). 회전식 ({interval : 4000}) </script> </body> </html>위의 내용은이 기사에 관한 모든 것입니다. 모든 사람들이 JavaScript 프로그래밍을 배우는 것이 도움이되기를 바랍니다.