bootstrap实现图片自动轮播

bootstrap图片自动轮播效果图：

代码实现：

<div class="carousel-inner" role="listbox">
<div class="item active">

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" id="aaron1">
<span class="sr-only">Previous

<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" id="aaron2">
<span class="sr-only">Next

精彩专题分享：

如果大家还想深入学习，可以点击进行学习，再为大家附3个精彩的专题：

以上代码可以实现 div1 中的图片自动轮播，轮播时间默认5000ms。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!