效果展示三:

代码示例

注意:此效果轮播图可以在同一页面放多个不同位置轮播,根据设计图片的宽度和高度修改相应的尺寸。

复制以下代码修改相应信息后可多次添加到不同自定义区域。

<div class="slidesBox">
        <div class="slides" style="width:980px; height:410px;">
          <div><a href="#"><img src="http://images.vjia.com/win/2013/5/9/__aW1nMDI=__example-slide-3.jpg"></a></div>
          <div><a href="#"><img src="http://images.vjia.com/win/2013/5/9/__aW1nMDI=__example-slide-4.jpg"></a></div>
          <div><a href="#"><img src="http://images.vjia.com/win/2013/5/9/__aW1nMDI=__example-slide-1.jpg"></a></div>
          <div><a href="#"><img src="http://images.vjia.com/win/2013/5/9/__aW1nMDI=__example-slide-2.jpg"></a></div>
          <div><a href="#"><img src="http://images.vjia.com/win/2013/5/9/__aW1nMDI=__example-slide-5.jpg"></a></div>
        </div>
    </div>