如何使用JS上下循环图像？

Question

我是JS的初学者，需要一些帮助！ 我有一个270px高的div，里面有一个365px高的图像。 我需要的是图像上下循环播放，以便人们可以看到全部图像...

这是我的html：

<div class="destaquetodo">
    <div class="destaqueconteudo">
        <div class="destaquecapa">
             <img src="/imagens/2013/se-beber-nao-case-3/grande"></div>
        </div>
    <div class="destaquebox"></div>
</div>

Answer 1

好极了！

您不需要任何JS就能做到这一点，只需一点CSS3 动画和过渡效果，您就可以达到很好的效果，请看下面的小提琴： http : //jsfiddle.net/k9nvB/1/

@keyframes up-down-loop {
    0% {
        top: 0;
    }
    50% {
        top: -95px;
    }
    100% {
        top: 0;
    }
}

有了这个@keyframe您将产生很大的效果，只需将其适应您的项目即可：)