zoukankan      html  css  js  c++  java
  • BootStrap2学习日记23---图片轮播

        <div id="carousel1" class="carousel slide">
        <div class="carousel-inner">
        <div class="item active">
        <img src="http://placehold.it/940x360/&text=Picture-1"/>
        <div  class="carousel-caption">
        <h1 style="color:#CCC">标题1</h1><!--文字显示在图片上面&半透明黑色-->
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
        </div>
        </div>
       
       
           <div class="item"> 
        <img src="http://placehold.it/940x360/&text=Picture-2"/>
        <div class="carousel-caption">
        <h1 style="color:#CCC">标题2</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation .</p>
        </div>
        </div>
        
        <div class="item"> 
        <img src="http://placehold.it/940x360/&text=Picture-3"/>
        <div class="carousel-caption">
        <h1 style="color:#CCC">标题3</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, .</p>
        </div>
        </div>
        
        <div class="item"> 
        <img src="http://placehold.it/940x360/&text=Picture-4"/>
        <div class="carousel-caption">
        <h1 style="color:#CCC">标题4</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud </p>
        </div>
        </div>
        </div>
        <a href="#carousel1" data-slide="prev" class="left carousel-control"><</a>
        <a href="#carousel1" data-slide="next" class="right carousel-control">></a>
        </div>

  • 相关阅读:
    编程实现Windows系统自动登录
    IOS开发笔记
    所有的GUI Toolkit,类型之多真开眼界
    文件保护DEP
    Delphi 重启应用程序(创建Bat文件的Process)
    Linux的几个概念,常用命令学习
    Delphi内存操作API函数(备查,并一一学习)
    Servle中的会话管理
    Windows软件在Linux上的等价/替代/模仿软件列表 (抄一个)
    Go 的文件系统抽象 Afero
  • 原文地址:https://www.cnblogs.com/keiling/p/3640822.html
Copyright © 2011-2022 走看看