动画随着时间的推移改变位置

时间:2012-04-14 18:33:35

标签: jquery css animation jquery-animate setinterval

我有一个循环的动画,但是一旦它再次开始,它的位置就会改变到它的正上方。这是CSS和函数..

<style type="text/css">
#pic one, #pic two {
    position: absolute;
    display:none;
    width: 118px;
    height:114px; 
}
#pics {
    width: auto;
    height: auto;
    padding-left:873px;
    padding-top:416px;/*416*/
    resize:150%;
    position: absolute;
    top:-116px;/*516*/
}
</style>
  <script type="text/javascript">
$(document).ready(function() {
    function animate() {
    $('#picOne').fadeIn(1000).delay(3000).fadeOut(1000);
   $('#picTwo').delay(5000).fadeIn(1000).delay(3000).fadeOut(1000);
 }

 animate();
 setInterval(animate, 10000);
 });
</script>

然后这就是它的应用方式......

<html>
<body>
<div id="pics">
   <img src="assets/arrows2.png" width="118" height="114" id="picTwo" style="z-index:100%"/>
   <img src="assets/arrows.png" width="118" height="114" id="picOne" style="z-index:100%"/>
   </div>   
    </body>
</html>

CSS中可能存在冗余,但它有效......有点......如果你能提供帮助,我们将非常感谢,谢谢。

编辑:除了循环它之外,我已经完成了回调并且它做了同样的事情,因此它很可能该函数。

0 个答案:

没有答案