為什么運行不出來?求大神指教。。。
<script type="text/javascript">
? ? ? ? $(function(){
? ? ? ? ? ? $("#left").bind("click",function(){
? ? ? ? ? ? ? ? $("div").animate({
? ? ? ? ? ? ? ? ? ? left: "-=50px"
? ? ? ? ? ? ? ? },3000);
? ? ? ? ? ? ?});
? ? ? ? ? ? $("#right").bind("click",function(){
? ? ? ? ? ? ? ? $("div").animate({
? ? ? ? ? ? ? ? ? ? left: "+=50px"
? ? ? ? ? ? ? ? },3000);
? ? ? ? ? ? });
? ? ? ? });
? ? </script>
這是一段正確的代碼
但是如果把這段代碼中的left:-=50px和left:+=50px改成left:+=50px(向左移動),right:+=50px,就會出現問題。在點擊左移的時候,方塊會向左移動50px,但是在移動后,再點擊右移按鈕,就會不起作用,這是為什么?而把他們都改成left之后,這個問題就解決了。
2016-06-29
控制對象移動的兩個變量是top和left。top為正向下,top為負向上;left為正向右,left為負向左。所以不要使用right和bottom來控制位置啦!沒有用的~~~~