bootstrap 轮播图

最新推荐文章于 2024-09-20 13:59:28 发布

一个假的前端男

最新推荐文章于 2024-09-20 13:59:28 发布

阅读量77

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/IT_iosers/article/details/108691924

版权

data-ride="carousel"   开始动画  
data-interval="3000"  //延时

    <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000">
        轮播（Carousel）项目
        <div class="carousel-inner">
            <div class="item active">
                <img src="../images/serviceProjectSwiper.jpg" alt="First slide">
                <div class="carousel-caption">标题 1</div>
            </div>
            <div class="item">
                <img src="../images/13e539175016d826331d8e316885bc3a.jpg" alt="Second slide">
                <div class="carousel-caption">标题 2</div>
            </div>
            <div class="item">
                <img src="/wp-content/uploads/2014/07/slide3.png" alt="Third slide">
                <div class="carousel-caption">标题 3</div>
            </div>
        </div>
    </div>