如果按照从前需要在网站上加上幻灯片、图片轮播效果,早年老蒋做企业网站的时候是使用的Flash焦点图,后来用jquery幻灯片,虽然手边平时都积累备用几款常用的效果,毕竟这类的实例代码网上很多。但是,如果我们有使用Bootstrap框架那就更简单了,因为脚本框架中内置Carousel可以快速实现。
当然了,这里不能说jquery幻灯片效果不好,如果我们需要使用丰富复杂的还是需要自定义功能的,而默认的Bootstrap自带的也是简单的幻灯图片轮播效果而已。如果我们对于入门级简单需要实现的功能,可以直接参考内置默认的效果,这里整理两个Carousel简单的效果。
第一、官方文档自带的




第二、runoob无文字描述



图片需要自己定义,且CSS样式可以自己定义。
第三、有文字描述版



文字标题可选择,可修改自己需要的。
内容参考:
http://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html
https://v3.bootcss.com/javascript/#carousel


扫描二维码,在手机上阅读!