基于bootstrap的网页开发之图片轮播

我的例子用的是本地图片 ，如果你们想试一试就换个图片试试。。。

代码  如下：

 
 
 
data-slide-to="0" class="active">
 
data-slide-to="1" >
 
data-slide-to="2">
 
 
  
 
  
 
 
  
 
 
Chrome
 
Google Chrome，又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。
 
点我下载
 
 
 
 
  
 
 
Firefox
 
Mozilla Firefox，中文名通常称为“火狐”或“火狐浏览器”，是一个开源网页浏览器。
 
点我下载
 
 
 
 
  
 
 
Safari
 
Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器。
 
点我下载
 
 
 
 
 
  
   

先放一张截图

这是一个轮播图···

该轮播图主要是通过carousel这个js插件，这个插件是通过

来引入的。

通过data属性来控制轮播carousel的位置。

data-side 接受关键字prve 或 next，用来改变图片相对于当前位置的位置。

data-side-to 来向轮播床底添加一个原始滑动索引，索引从0开始计数。

data-ride="carousel"属性用于标记轮播在页面加载时就开始动画播放。

没什么好写的了···

如果有什么不明白的  可以留言问我，，，我尽量给你解答。