直播平台搭建源码,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实现图片轮播效果,更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现