animat text html div

Question

如何讓div內的文字（「再試一次」）來回移動？ 當玩家輸了，笑臉出現時，我定義了箭頭中的文字將變爲 「再試一次」，我希望玩家不得不點擊他才能再次玩。

這裏是小提琴鏈接： http://jsfiddle.net/uqcLn/41/

$(".way").bind('mouseenter', function() { 
     $('#highlight_lose').fadeIn(1000); 
     $('.wall').css("background", '#fff'); 
     $(".white").html("Try again"); 
    /* this is what i tried */  $(".white").animate({ 
      "left": "-10px" }, 500);  
    }) 

Answer 1

爲了使您的動畫作品，你可能想給的位置是：絕對的。白色元素。之後，您可以將動畫邏輯放在某種循環（或間隔）中來回移動。例如：http://jsfiddle.net/uqcLn/47/

var directions = ["-=10px", "+=10px"]; 
function move(i){ 
    $(".white").animate({ "left": directions[i] }, 300, function(){ 
     move((i ===0)? 1 : 0); 
    }); 
} 

move(0);