0

jquery について 2 つの質問があります。

まず、右→下→左→上→右・・・と繰り返す箱の作り方は?

そしてマウスが 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

4

1 に答える 1

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/

于 2012-12-11T16:59:59.950 に答える