js实现循环轮播图效果的思路如下:
使用一个div包含轮播图的显示部分,超出部分隐藏即可,而设置循环定时器通过调整轮播内容的外边距来使得图片产生移动效果,同时需要在最后加上第一张图片以实现无缝衔接。
纵向滚动的具体代码实现如下:
html代码:
<div class="container">
<div id="marquue">
<img src="..." class="img"/>
<img src="..." class="img"/>
<img src="..." class="img"/>
</div>
</div>
css代码:
.container{
width:400px;
height:300px;
border:1px solid red;