下载此文档

Bootstrap轮播(Carousel) 计算机软件及应用 IT计算机专业资料.docx

文档分类：IT计算机 | 页数：约7页举报非法文档有奖

1/7

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/7 下载此文档

文档列表 文档介绍

Bootstrap轮播(Carousel)_计算机软件及应用_IT计算机_专业资料.docxBootstrap轮播(Carousel)插件Bootstrap轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能,,正如Bootstrap插件概览一章中所提到,,使用Bootstrap轮播(Carousel)插件显示了一个循环播放元素的通用组件。为了实现轮播,您只需要添加带有该标记的代码即可。不需要使用data属性,只需要简单的基于class的开发即可。<!DOCTYPEhtml><html><head><title>Bootstrap实例-简单的轮播(Carousel)插件</title>vlinkhref="/bootstrap/css/"rel="stylesheet"><scriptsrc="/scripts/"x/script><scriptsrc="/bootstrap/js/"x/script></head><body><divid="myCarousel"class="carouselslide"><!-轮播(Carousel)扌旨标-><olclass="carousel-indicators"><lidata-target="#myCarouser,data-slide-to="0"class="active"x/li><lidata-target="#myCarousel"data-slide-to="l"x/li><lidata-target="#myCarousel"data-slide-to="2"x/li></ol><!-轮播(Carousel)项目-><divclass="carousel-inner"><divclass="itemactive"><imgsrc="/wp-content/uploads/2014/t)^"alt="Firstslide"></div><divclass=,,item,,><imgsrc=,7wp-content/uploads/2014yO'^"alt="Secondslide"></div><divclass="item"><imgsrc=,,/wp-content/uploads/2014t)'^"alt="Thirdslide"></div></div><!-轮播(Carousel)导航-><aclass="carousel-controlleft"href="#myCarousel"data-slide="prev">&lsaquo;</a><aclass="carousel-controlright'*href="#myCarousel"data-slide="next">&rsaquo;v/a></div></body></html>尝试一下»结果如下所示:简单的轮播(Carousel)

Bootstrap轮播(Carousel) 计算机软件及应用 IT计算机专业资料来自淘豆网m.daumloan.com转载请标明出处.

Bootstrap轮播(Carousel) 计算机软件及应用 IT计算机 专业资料.docx

Bootstrap轮播(Carousel) 计算机软件及应用 IT计算机专业资料.docx