轮播图目前所知方法有两种方式,前者为比较简单基础的轮播方式。
目录
1.以图片更换形式实现简单的轮播
2. 较为复杂的方式实现轮播
1.以图片更换形式实现简单的轮播
首先轮播结构
不使用也可以,直接设定box里面的背景图片也能达到相同的效果。
其次添加Js函数,添加定时器实现定时更换图片,以呈现轮播的形式。
下面是javascript代码实现
2. 较为复杂的方式实现轮播
首先是轮播结构,这种形式的轮播图大多都如此
<
>
再设置css style,调整好整体形式
下面是js代码