原來(lái)圖片可以滾動(dòng)的，只是在這個(gè)頁(yè)面試不出來(lái)，我還特意把代碼復(fù)制出去了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello World</title>
?<link rel="stylesheet">
<style>
.carousel {
? ? ? ? ? ? height: 500px;
? ? ? ? }
? ? ? ? .carousel .item {
? ? ? ? ? ? height: 500px;
? ? ? ? }
? ? ? ? .carousel .item img {
? ? ? ? ? ? width: 100%;
? ? ? ? }
</style>
</head>
<body>
<div id="ad-carousel" class="carousel slide" data-ride="carousel">
? <ol class="carousel-indicators">
? ? <li data-target="#ad-carousel" data-slide-to="0" class="active"></li>
? ? <li data-target="#ad-carousel" data-slide-to="1"></li>
? ? <li data-target="#ad-carousel" data-slide-to="2"></li>
? </ol>
? <div class="carousel-inner">
? ? <div class="item active">
? ? ? <img src=" http://img1.sycdn.imooc.com//5412ad400001e52014280484.jpg" alt="1 slide">
? <div class="container">
? <div class="carousel-caption">
? ?<p>11 英寸 MacBook Air 充電一次可運(yùn)行長(zhǎng)達(dá) 9 小時(shí)，而 13 英寸機(jī)型則可運(yùn)行長(zhǎng)達(dá) 12 小時(shí)。</p>
</div>?
? </div>
? ? </div>
? ??
? ? ? ?<div class="item">
? ? ? <img src="http://img1.sycdn.imooc.com//5412ad7c0001d2eb10880541.jpg" alt="1 slide">
? <div class="container">
? <div class="carousel-caption">
? ?<p>無(wú)論是什么任務(wù)，配備 Intel HD Graphics 5000 圖形處理器的第四代 Intel Core 處理器都能應(yīng)對(duì)自如。</p>
</div>?
? </div>
? ? </div>
? ??
? ? ?<div class="item">
? ? ? <img src="http://img1.sycdn.imooc.com//5412ae5c0001653b12800644.jpg" alt="1 slide">
? <div class="container">
? <div class="carousel-caption">
? ?<p> 有了新一代 802.11ac 技術(shù)，MacBook Air 令 Wi-Fi 速度超越極限。</p>
</div>?
? </div>
? ? </div>
</div>
? ??
? ? ? ? ?<a class="left carousel-control" href="#ad-carousel" data-slide="prev">
? ? <span class="glyphicon glyphicon-chevron-left"></span>
? </a>
? <a class="right carousel-control" href="#ad-carousel" data-slide="next">
? ? <span class="glyphicon glyphicon-chevron-right"></span>
? </a>
? ? </div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
? ? <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
2019-01-23
還有css文件
2019-01-23
你的js文件導(dǎo)錯(cuò)了吧
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello World</title>
?<link rel="stylesheet">
<style>
.carousel {
? ? ? ? ? ? height: 500px;
? ? ? ? }
? ? ? ? .carousel .item {
? ? ? ? ? ? height: 500px;
? ? ? ? }
? ? ? ? .carousel .item img {
? ? ? ? ? ? width: 100%;
? ? ? ? }
</style>
</head>
<body>
<div id="ad-carousel" class="carousel slide" data-ride="carousel">
? <ol class="carousel-indicators">
? ? <li data-target="#ad-carousel" data-slide-to="0" class="active"></li>
? ? <li data-target="#ad-carousel" data-slide-to="1"></li>
? ? <li data-target="#ad-carousel" data-slide-to="2"></li>
? </ol>
? <div class="carousel-inner" role="listbox">
? ? <div class="item active">
? ? ? <img src=" http://img1.sycdn.imooc.com//5412ad400001e52014280484.jpg" alt="1 slide">
? <div class="carousel-caption">
? ?<p>11 英寸 MacBook Air 充電一次可運(yùn)行長(zhǎng)達(dá) 9 小時(shí)，而 13 英寸機(jī)型則可運(yùn)行長(zhǎng)達(dá) 12 小時(shí)。</p>
</div>?
? ? </div>
? ? <div class="item">
? ? ? <img src="http://img1.sycdn.imooc.com//5412ad7c0001d2eb10880541.jpg" alt="1 slide">
? <div class="carousel-caption">
? ?<p>無(wú)論是什么任務(wù)，配備 Intel HD Graphics 5000 圖形處理器的第四代 Intel Core 處理器都能應(yīng)對(duì)自如。</p>
</div>?
? ? </div>
? ? <div class="item">
? ? ? <img src="http://img1.sycdn.imooc.com//5412ae5c0001653b12800644.jpg" alt="1 slide">
? <div class="carousel-caption">
? ?<p> 有了新一代 802.11ac 技術(shù)，MacBook Air 令 Wi-Fi 速度超越極限。</p>
</div>?
? ? </div>
</div>
? ??
? ? ? ? ?<a class="left carousel-control" href="#ad-carousel" data-slide="prev">
? ? <span class="glyphicon glyphicon-chevron-left"></span>
? </a>
? <a class="right carousel-control" href="#ad-carousel" data-slide="next">
? ? <span class="glyphicon glyphicon-chevron-right"></span>
? </a>
? ? </div>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
? ? <script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>