zoukankan      html  css  js  c++  java
  • carousel轮播器

            <div id="myCarousel" class="carousel slide" data-ride="carousel" style=" 900px;">
                <ol class="carousel-indicators">
                    <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>
                
                <div class="carousel-inner">
                    <div class="item active">
                        <img src="img/slide1.png" alt="第1张" />
                        <div class="carousel-caption">
                            <h3>Bootstrap</h3>
                            <p>Bootstrap是一款HTML5的响应式框架</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/slide2.png" alt="第2张" />
                        <div class="carousel-caption">
                            <h3>Bootstrap</h3>
                            <p>Bootstrap是一款HTML5的响应式框架</p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="img/slide3.png" alt="第3张" />
                        <div class="carousel-caption">
                            <h3>Bootstrap</h3>
                            <p>Bootstrap是一款HTML5的响应式框架</p>
                        </div>
                    </div>
                </div>
                
                <a href="#myCarousel" data-slide="prev" class="carousel-control left">&lsaquo;</a>
                <a href="#myCarousel" data-slide="next" class="carousel-control right">&rsaquo;</a>
            </div>
            $('#myCarousel').carousel({
                interval:2000,
                
            });
  • 相关阅读:
    python每日作业4/21
    socket实现并发之socketserver模块的使用
    python socket粘包问题的解决
    每日作业:4/20
    网络编程基础(socket)
    网络基础之网络协议
    异常处理
    python 作业4/15
    centos7简单安装配置mariadb
    Centos7下Firewalld防火墙配置命令
  • 原文地址:https://www.cnblogs.com/by-dxm/p/6384790.html
Copyright © 2011-2022 走看看