如何使用JS上下循環圖像？

我是JS的初學者，需要一些幫助！我有一個270像素的高度的div，裏面有一個365像素的高度圖像。我需要的圖像是循環向上和向下，使人們可以看到這一切......如何使用JS上下循環圖像？

這是我的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>

來源

2013-06-19 diogo

api.jquery.com/animate – caramba

耶！

你不需要任何JS要做到這一點，與CSS3 Animation的一點點Transition可以實現很大的影響，看看這個小提琴：http://jsfiddle.net/k9nvB/1/

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

有了這個@keyframe你有很大的作用，只是適應它到您的項目:)

來源

2013-06-19 17:49:25

感謝，它工作得很好，虐待它使用它......但任何方式來保持你的位置時，你將鼠標移出它？再次感謝！ – diogo

沒有js我不這麼認爲 –

編輯：其實你只能用CSS做YAAYY！看看這個：http://jsfiddle.net/k9nvB/1/ –

如何使用JS上下循環圖像？

回答

相關問題