我该如何更改jquery上的动画方向？

Question

我希望有人可以帮我这个问题...

我使用jQuery插件兴致给一些动画到我的网站，我不能让从顶部movemente到底在这条路上：

的HTML

<div id="bird"></div> 

的JavaScript：

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.spritely-0.5.js"></script> 
<script type="text/javascript"> 
(function($) { 
    $(document).ready(function() { 
     var counter=1; 

     if (counter=1) 
     { 
     ('#bird').pan({pause:1000, fps:15}); 
     $('#bird').spChangeDir('down'); 
     $('#bird').spState(1); 
     cont=cont+1; 
     } 
     if (counter=2) 
     { 
     $('#bird').spChangeDir('up'); 
     $('#bird').spState(2); 
     cont==cont-1;} 
    }); 
})(jQuery); 
</script> 

的CSS：

#bird{ 
position:absolute; 
float:left; 
left: 74px; 
top: 9px; 
width: 66px; 
height: 109px; 
background: transparent url(../images/bird.png) 0 0 no-repeat; 
} 

正如你所看到的，我要向下移动鸟一些帧起来，然后一些框架...永远。

太谢谢你了。

乔肖

Answer 1

好吧，看起来你有一些凌乱的代码。你有这个计数器变量，但是当你调整这个变量时，你增加/减少了不会调整计数器的值。您还应该认识到，单个等于'='是用于赋值的，double等于'=='测试相等性。在上面的例子中，你似乎有倒退。最后，我不太了解这个，但我想你会想通过一个循环来获得动画，所以把它放在一起，我会这样做：

$(document).ready(function() { 
    loopingFunction(); 
}); 

var counter=1; 
function loopingFunction(){ 
    if (counter==1){ 
     ('#bird').pan({pause:1000, fps:15}); 
     $('#bird').spChangeDir('down'); 
     $('#bird').spState(1); 
     counter=counter+1; 
    } 
    if (counter==2){ 
     $('#bird').spChangeDir('up'); 
     $('#bird').spState(2); 
     counter=counter-1; 
    } 
    setTimeout(function(){loopingFunction();},1000);//one second? 
}