<!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><style> .carousel{ height:500px; } .carousel .item{ height:500px; } .carousel .item img{ width:100%; }</style><link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"></head><body><div id="myCarousel" class="carousel slide"> <!-- 轮播（Carousel）指标 --> <ol> <li data-target="#myCarousel" data-slide-to="0"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <!-- 轮播（Carousel）项目 --> <div> <div class="item active"> <img src=" http://img1.sycdn.imooc.com//5412ad400001e52014280484.jpg" alt="First slide"> <div>11 英寸 MacBook Air 充电一次可运行长达 9 小时，而 13 英寸机型则可运行长达 12 小时</div> </div> <div> <img src="http://img1.sycdn.imooc.com//5412ad7c0001d2eb10880541.jpg" alt="Second slide"> <div>无论是什么任务，配备 Intel HD Graphics 5000 图形处理器的第四代 Intel Core 处理器都能应对自如</div> </div> <div> <img src="http://img1.sycdn.imooc.com//5412ae5c0001653b12800644.jpg" alt="Third slide"> <div>有了新一代 802.11ac 技术，MacBook Air 令 Wi-Fi 速度超越极限</div> </div> </div> <!-- 轮播（Carousel）导航 --> <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a></div><script src="//cdn.bootcss.com/jquery/3.2.1/core.js"></script><script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script></body></html>用课程提供的jq和bootstrap链接有效果，但我用的是bootcdn bootstrap3.3.7版本的css和js文件和3.2.1的jq就没效果了，为啥
添加回答
举报
0/150
提交
取消