摘要: 一. 索引 1. jQuery <1> 简介 jQuery是JavaScript程序库 引入: <script src="js/jquery-3.4.1.min.js"></script> 基本语法: <script> $(selector).action(); </script> <2> 选择器 阅读全文
posted @ 2021-09-10 11:25 Jasper2003 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 1 首页轮播大图 1. 大小屏幕自动适应,扩大缩小浏览器 2. 滚动数字区点击左右切换图片 3. 左右区域点击切换 4. 默认5秒钟自动切换下一张 5. 最后一张,回到第一张 <div id="myCarousel" class="carousel slide" data-ride="carouse 阅读全文
posted @ 2021-09-10 10:53 Jasper2003 阅读(408) 评论(0) 推荐(0) 编辑
摘要: data-toggle="modal" 触发类型:模态框modal data-target="#myModal" 触发的节点 data-backdrop="static" 点击黑灰色背景,不会关闭模态框 <button class="btn btn-warning" data-toggle="mod 阅读全文
posted @ 2021-09-10 10:26 Jasper2003 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 配合响应式的栅格系统 <div class="container"> <div class="row"> <div class="col-lg-3 col-md-4 col-sm-6"> <div class="thumbnail"> <img src="img/2.jpg"> </div> </d 阅读全文
posted @ 2021-09-10 10:14 Jasper2003 阅读(74) 评论(0) 推荐(0) 编辑
摘要: bootstrap的栅格系统会将整个页面水平方向上平均分成12个小格子 当浏览器大小发生变化的时候,我们可以控制每行的元素占用几个格子,从而达到响应式的效果 显示屏幕的扩大和缩小. 实现如下效果 <style> .a{ height: 50px; border: 1px solid black; b 阅读全文
posted @ 2021-09-10 08:57 Jasper2003 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 1 下拉菜单组件 <div class="dropdown"> <button class="btn btn-primary" data-toggle="dropdown">拉勾教育 <span class="caret"></span></button> <ul class="dropdown-m 阅读全文
posted @ 2021-09-10 08:47 Jasper2003 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 1 按钮 <1> 按钮样式 <button class="btn btn-default">默认按钮</button> <button class="btn btn-primary">主要按钮</button> <button class="btn btn-success">成功按钮</button 阅读全文
posted @ 2021-09-10 08:27 Jasper2003 阅读(190) 评论(0) 推荐(0) 编辑