jquery - 如何不断地为盒子设置动画？

Question

我有两个关于 jquery 的问题：

首先，如何制作一个向右 -> 底部 -> 左 -> 顶部 -> 右......重复移动的框？

当鼠标悬停在 div 容器上时，必须隐藏框...

这是我的来源：

$(".container").ready(function(){
    $(".box").animate({left:"100px"}, "slow")
           .animate({top:"100px"}, "slow")
           .animate({left:0},"slow")
           .animate({top:0}, "slow");

});​

http://jsfiddle.net/TTstW

Answer 1

http://jsfiddle.net/TTstW/1/

(function loop(){
    $(".box").animate({left:"100px"}, "slow")
           .animate({top:"100px"}, "slow")
           .animate({left:0},"slow")
           .animate({top:0}, "slow", loop);

 })();

您可以使用 CSS 隐藏悬停框：

.container:hover .box{
    display:none;
}

http://jsfiddle.net/TTstW/2/