如何不断为一个盒子制作动画?

时间:2012-12-11 16:57:32

标签: jquery jquery-animate

我有两个关于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

1 个答案:

答案 0 :(得分:4)

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/