-
- 慕函数9224229 2022-03-04
滚动广告 carousel
carousel-example-generic
点点导航：
carousel-indicators
轮播组件的内容：
.carousel-inner role:listbox
.carousel-caption
分页按钮：
.carousel-example-generic data-slide="prev"
左右按钮：glyphicon glyphicon-chevron-left、right
- 0赞 · 0采集
-
- 论斤烤 2021-01-18
滚动广告：
-
截图0赞 · 0采集
-
- 慕的地4563549 2020-03-08
- Carousel-example-genetic Carousel-slide date-ride
-
截图0赞 · 0采集
-
- 慕的地4563549 2020-03-08
- carousel
-
截图0赞 · 0采集
-
- Sandaydi 2018-09-14
滚动条广告
- 0赞 · 1采集
-
- 233gg 2018-07-08
1.Carousel是一个用于轮播内容的组件（bootstrap对于组件的实现是用data属性来实现的） Carousel基本结构如下图：<ol></ol>对应轮播图下面的小点点；ol下面的div对应轮播组件内容，而组件内容中的div可通过p、h来，设置图片文字，<a class="btn 其他按钮类名">来设置有超链接的按钮，如：下载；div下面的两个<a>对应轮播的用于鼠标切换的左右按钮 ol中的data-slid-to=“0”表示index（即缩影）为从0开始，这里<li>的个数及li中data-slid-to=“”的编号与下面轮播内容的个数相对应
- 0赞 · 0采集
-
- DLzz 2018-04-18
- 0.第一块ol部分是对应底部多个小点点的代码，第二块item部分是对应轮播图片的代码，第三块部分是对应左右滑动图标的代码。 1.<ol>部分，多个轮播图则引用多个data，data-slide-to=“0,1,2,3,4,5…n”,与引用<dic class=“item”>个数相对应、相同。 2.轮播图片框太大，要加一些样式限制它。限制.carousel的高度和背景。.carousel:｛height:500px；backgroung-color:#000；｝.carousel .item｛heighe:500px；background-color:#000；｝ 当分辨率特别高时，有些图片填满，有些图片没填满，此时给图片也设置一个样式。.carousel.item｛width:100％；使图片自动缩放去填满。｝ 3.要让导航栏紧挨着滚动条，此时把body的padding-top设置成与滚动框一样即可。就会紧贴着。 4.轮播图上的字体大小和间距，.carousel-caption p｛margin-bottom:20px；font-size:20px；line-height:1.8；｝
-
截图0赞 · 0采集
-
- 慕雪8041015 2018-03-17
- carousel 图片滚动
-
截图0赞 · 0采集
-
- 慕前端6546965 2018-03-14
- 这是轮播
-
截图0赞 · 0采集
-
- 慕前端6546965 2018-03-14
- bookscrat的许多属性都是设置属性来得出来的
-
截图0赞 · 0采集
-
- 菜鸟童鞋 2018-01-03
- 轮播图样式
-
截图0赞 · 0采集
-
- yang毛线 2017-06-27
- //轮播内容的作用指示箭头 <a class="left carousel-control" href="#ad-carousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#ad-carousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
- 0赞 · 0采集
-
- yang毛线 2017-06-27
- <!-- 广告轮播 --> <div id="ad-carousel" class="carousel slide" data-ride="carousel"> //轮播的指示点 <ol class="carousel-indicators"> <li data-target="#ad-carousel" data-slide-to="0" class="active"></li> .... <li data-target="#ad-carousel" data-slide-to="4"></li> </ol> //内容 <div class="carousel-inner"> <div class="item active"> <img src="images/chrome-big.jpg" alt="1 slide"> <div class="container"> <div class="carousel-caption"> <h1>Chrome</h1> <p>Google Chrome，是一个由Google（谷歌）公司开发的网页浏览器。</p> </div> </div> </div> ........ <div class="item"> <div class="container"> <div class="carousel-caption"> <h1>IE</h1> <p>Internet Explorer，简称 IE，是微软公司推出的一款网页浏览器。</p> </div> </div> </div> </div> </div>
- 0赞 · 0采集
-
- l_Hatcher 2017-06-23
- 轮播图片
-
截图0赞 · 0采集
-
- 叶落偏执 2017-04-27
- 轮播组件
-
截图0赞 · 0采集
-
- 木子二月鸟 2017-04-06
- bootstrap网页开发-滚动广告-Carousel
-
截图0赞 · 1采集
-
- 楚初 2017-03-08
- firefox样例
-
截图0赞 · 2采集
-
- 楚初 2017-03-08
- 轮播图片img
-
截图0赞 · 0采集
-
- 楚初 2017-03-08
- 轮播样式的设置
-
截图0赞 · 0采集
-
- 楚初 2017-03-07
- 给轮播内容设置样式
-
截图0赞 · 0采集
-
- 楚初 2017-03-07
- 广告素材
-
截图0赞 · 0采集
-
- 楚初 2017-03-07
- data-slie-to对应响应的index即索引
-
截图0赞 · 0采集
-
- 楚初 2017-03-07
- 左右切换的按钮
-
截图0赞 · 0采集
-
- 楚初 2017-03-07
- 对应响应的轮播的内容
-
截图0赞 · 0采集
-
- 楚初 2017-03-07
- 相对应的内容
-
截图0赞 · 0采集
-
- 楚初 2017-03-07
- carousel实现轮播
-
截图0赞 · 0采集
-
- 慕神1214268 2017-03-03
- 轮播图
-
截图0赞 · 0采集
-
- 冷板凳丶 2017-02-28
- 轮播图组件Carousel
-
截图0赞 · 0采集
-
- 慕粉1316081977 2016-12-20
- 好详细，，喜欢
- 0赞 · 0采集
-
- 329343963 2016-12-02
- 轮播内容
-
截图0赞 · 0采集
数据加载中...