用jQuery实现轮播图效果(自动播放,能手动切换)

大家好,今天我和大家分享一下轮播图的实现,下面是我做的轮播图效果

首先我们看到,它是由背景图片、方向图标和指示器组成。我们发现背景图片、方向图标和指示器是层叠在一起的,所以布局时我们要用绝对定位。我们要实现点击方向图标时,图片跟着变换;点击指示器时,图片跟着变换;不点击时每隔5秒自动播放;不点击时不显示方向图标。

结构布局:用一个div包裹3个div,里面的3个div分别显示背景图片部分、方向图标部分和指示器部分。




    
    Title
    




                

你可能感兴趣的:(jquery,html5,javascript)