zoukankan      html  css  js  c++  java
  • BootStrap实现图片轮播

    <div class="container">
            <div data-ride="carousel" id="carousel_container" class="carousel slide">
              <!-- 图片容器 -->
              <div class="carousel-inner">
                <div class="item"><img src="images/1.jpg" style="500px height:100px"></div>
                <div class="item active"><img src="images/2.jpg"></div>
                <div class="item"><img src="images/3.jpg"></div>  
              </div>
              <!-- 小圆圈 -->
              <ol class="carousel-indicators">
                <li data-slide-to="0" data-target="#carousel_container"></li>
                <li data-slide-to="1" data-target="#carousel_container"></li>
                <li data-slide-to="2" data-target="#carousel_container"></li>
              </ol>
              <!-- 左右按钮 -->
              <a href="#carousel_container" data-slide="prev" class="left carousel-control">
                <span class="glyphicon glyphicon-chevron-left"></span>
              </a>


              <a href="#carousel_container" data-slide="next" class="right carousel-control">
                <span class="glyphicon glyphicon-chevron-right"></span>
              </a>
              
            </div>
            
          </div>
  • 相关阅读:
    2,ActiveMQ-入门
    1,Java消息服务-JMS
    2,Executor线程池
    Thymeleaf-模板引擎
    1,线程基础
    8,HashMap子类-LinkedHashMap
    7,HashMap
    ncnn编译安装-20190415
    VS2015 C#项目工程配置emgucv依赖的方法
    java jni 调用c++ opencv代码成功范例
  • 原文地址:https://www.cnblogs.com/liuguokun/p/5373507.html
Copyright © 2011-2022 走看看