怎么实现DIV轮播效果

352fjh 2016-08-15 10:10:54
<ul>
<li>
<div class="div-carousel-1">
<a><img src="img/d1.jpg"/></a>
<a><img src="img/d2.jpg"/></a>
<a><img src="img/d3.jpg"/></a>
<a><img src="img/d4.jpg"/></a>
<a><img src="img/d5.jpg"/></a>
<a><img src="img/d6.jpg"/></a>
</div>
</li>
<li>
<div class="div-carousel-2">
<a><img src="img/a1.jpg"/></a>
<a><img src="img/a2.jpg"/></a>
<a><img src="img/a3.jpg"/></a>
<a><img src="img/a4.jpg"/></a>
<a><img src="img/a5.jpg"/></a>
</div>
</li>
<li>
<div class="div-carousel-3">
<a><img src="img/b1.jpg"/></a>
<a><img src="img/b2.jpg"/></a>
<a><img src="img/b3.jpg"/></a>
<a><img src="img/b4.jpg"/></a>
<a><img src="img/b5.jpg"/></a>
<a><img src="img/b6.jpg"/></a>
</div>
</li>
<li>
<div class="div-carousel-4">
<a><img src="img/q1.jpg"/></a>
<a><img src="img/q2.jpg"/></a>
</div>
</li>
<li>
<div class="div-carousel-5">
<a><img src="img/s1.jpg"/></a>
<a><img src="img/s2.jpg"/></a>
<a><img src="img/s3.jpg"/></a>
<a><img src="img/s4.jpg"/></a>
<a><img src="img/s5.jpg"/></a>
<a><img src="img/s6.jpg"/></a>
<a><img src="img/s7.jpg"/></a>
<a><img src="img/s8.jpg"/></a>
<a><img src="img/s9.jpg"/></a>
<a><img src="img/s10.jpg"/></a>
<a><img src="img/s11.jpg"/></a>
<a><img src="img/s12.jpg"/></a>

</div>
</li>
</ul>


实现5个div轮播,和图片一样
...全文
454 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
SerenoShen 2016-08-15
  • 打赏
  • 举报
回复
需要代码直接@ 我
fantasy5252 2016-08-15
  • 打赏
  • 举报
回复
那不跟图片无缝轮播一样么,改变五个div父层的div的left属性值,用计时器实现自动轮播

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧