直播平台搭建源码,bootstrap实现图片轮播效果

直播平台搭建源码,bootstrap实现图片轮播效果

1
<!DOCTYPE html><br><html><br><head><br>    <meta charset="UTF-8"><br>    <title>设计轮播图效果</title><br>    <meta name="viewport" content="width=device-width,initial-scale=1, shrink-to-fit=no"><br>    <link rel="stylesheet" href="bootstrap-4.5.3-dist/css/bootstrap.css"><br>    <script src="jquery-3.5.1.slim.js"></script><br>    <script src="bootstrap-4.5.3-dist/js/bootstrap.min.js"></script><br></head><br><body><br><div id="Carousel" class="carousel slide" data-ride="carousel"><br>    <!--标识图标--><br>    <ol class="carousel-indicators"><br>        <li data-target="#Carousel" data-slide-to="0" class="active"></li><br>        <li data-target="#Carousel" data-slide-to="1"></li><br>        <li data-target="#Carousel" data-slide-to="2"></li><br>    </ol><br>    <!--幻灯片--><br>    <div class="carousel-inner"><br>        <div class="carousel-item active"><br>            <img src="images/1.jpg" class="d-block w-100" alt=""><br>            <div class="carousel-caption"><br>                <h5>设计轮播图效果</h5><br>                <p>说明文字</p><br>            </div><br>        </div><br>        <div class="carousel-item"><br>            <img src="images/2.jpg" class="d-block w-100" alt=""><br>            <div class="carousel-caption"><br>                <h5>设计轮播图效果</h5><br>                <p>说明文字</p><br>            </div><br>        </div><br>        <div class="carousel-item"><br>            <img src="images/3.jpg" class="d-block w-100" alt=""><br>            <div class="carousel-caption"><br>                <h5>设计轮播图效果</h5><br>                <p>说明文字</p><br>            </div><br>        </div><br>    </div><br>    <!--控制按钮--><br>    <a class="carousel-control-prev" href="#Carousel" data-slide="prev"><br>        <span class="carousel-control-prev-icon"></span><br>    </a><br>    <a class="carousel-control-next" href="#Carousel" data-slide="next"><br>        <span class="carousel-control-next-icon"></span><br>    </a><br></div><br></body><br></html><br></body><br></html>

​以上就是 直播平台搭建源码,bootstrap实现图片轮播效果,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(23)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示