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

Question

我是 JS 的初学者，需要一些帮助！我有一个高度为 270 像素的 div，里面有一个高度为 365 像素的图像。我需要的是上下循环的图像，所以人们可以看到这一切......

这是我的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 Animation 和 Transition 就可以达到很好的效果，看看这个小提琴：http://jsfiddle.net/k9nvB/1/

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

有了这个@keyframe，你的效果会很好，只需将其适应你的项目即可：)