我該如何更改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? 
}