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

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

使用此@keyframe您可以获得很好的效果，只需根据您的项目进行调整：）

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

1 个答案: