摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="../dist/css/bootstrap.min.css"> </head> <body> <!--1.創(chuàng)建輪播圖的容器--> <div id="slider" class="carousel slide" data-ride="carousel"> <!--2.設(shè)置播放順序--> <ol class="carousel-indicators"> <li data-target="#slider" data-slide-to="0"></li> <li data-target="#slider" data-slide-to="1"></li> <li data-target="#slider" data-slide-to="2"></li> </ol> <!--3.設(shè)置圖片--> <div class="carousel-inner"> <div class="item active"> <img src="../1.jpg" alt=""> <div class="carousel-caption">廣告1</div> </div> <div class="item"> <img src="../2.jpg" alt=""> <div class="carousel-caption">廣告2</div> </div> <div class="item"> <img src="../3.jpg" alt=""> <div class="carousel-caption">廣告3</div> </div> </div> <!--4.控制播放--> <a href="#slider" class="carousel-control left" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a href="#slider" class="carousel-control right" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> 1.創(chuàng)建輪播圖的容器 <div class="carousel" data-ride="carousel" id="slider"> 2.設(shè)置播放順序 <div class="carousel-indicators"> <li data-target="#slider" data-slide-to="0"></li> </div> 3.設(shè)置圖片 <div class="carousel-inner"> <div class="item"> <img src="" alt=""> <div class="carousel-caption">圖片描述</div> </div> </div> 4.控制播放，可手動(dòng)切換 <a href="#slider" class="carousel-control left" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left">添加標(biāo)簽</span> </a> <a href="#slider" class="carousel-control right" data-slide="prev"> <span class="glyphicon glyphicon-chevron-right">添加標(biāo)簽</span> </a> </div> </body> <script src="../jquery.min.js"></script> <script src="../dist/js/bootstrap.min.js"></script> </html>
批改老師：查無此人批改時(shí)間：2019-02-27 15:56:16
老師總結(jié)：完成的不錯(cuò)。輪播圖的效果很多，要嘗試不同的效果。繼續(xù)加油