ch08-轮播插件的课件.pptVIP

第8章轮播插件轮播插件教学内容轮播插件一、定义：轮播插件就是将几张同等大小的大图，按照顺序依次播放。知识点概述Bootstrap轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。轮播的内容可以是图像、内嵌框架、视频或者其他想要放置的任何类型的内容，使用该插件时必须引入bootstrap.js或压缩版的bootstrap.min.js。基本轮播图轮播图的实现主要由三个部分构成：轮播的图片轮播图片的计数器轮播图片的控制器。设计轮播容器divid=slidershowclass=carousel .../div使用.carousel类设计轮播图片的容器，并为该容器添加id，方便后面的使用，示例代码如下所示。在轮播容器div.carousel的内部添加轮播计算器.carousel-indicators类，其主要功能是显示当前图片的播放顺序(有几张图片就放置几个li)，一般采用有序列表来制作，该内容放在轮播容器内，示例代码如下所示。设计轮播计数器!--设置图片轮播的顺序--?olclass=carousel-indicators? liclass=active1/li? li2/li? li3/li? li4/li? li5/li/ol在C