【www.bbyears.com--jquery】
轮播广告在网站中的应用实在是太常见了,下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果,下图为最终效果:
具体实现方法请看下面的代码:
代码如下//data-interval设置轮播间隔为3秒钟
First slide label
Nulla vitae elit libero, a pharetra augue mollis interdum.
Second slide label
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Third slide label
Praesent commodo cursus magna, vel scelerisque nisl consectetur.
Fourth slide label
Nulla vitae elit libero, a pharetra augue mollis interdum.
如代码中注释,广告序号指示器,广告的说明文字,以及上一张、下一张的按钮都是可以根据需要自行添加的。
可以在carousel类中添加data-interval扩展属性来更改轮播的时间间隔。