-3

私はJQueryにかなり慣れていません。そうは言っても.mouseenter、画像のサイズが大きくなり、で通常のサイズに戻るようなを使用しようとしています.mouseleaveが、問題は、ランダムな回数ループする波の効果を開始することです。それらすべてにマウスを合わせると、本当に夢中になります。

JQuery

$(document).ready(function() {

    $(".site").mouseenter(function(){
        $(this).animate({
            width: "+=60px",
            height:"+=60px"
        }, 1000);

    });

    $(".site").mouseleave(function(){
        $(this).animate({
            width: "-=60px",
            height: "-=60px"
        }, 1000);

    });
});

HTML

<div id="shape">
                    <img src="../images/site1.jpg" class="site"/>
                    <img src="../images/site2.jpg" class="site"/>
                    <img src="../images/site3.jpg" class="site"/>
                    <img src="../images/site4.jpg"class="site"/>
                    <img src="../images/site5.jpg"class="site"/>
                    <img src="../images/site1.jpg"class="site"/>
                    <img src="../images/site2.jpg"class="site"/>
                    <img src="../images/site3.jpg"class="site"/>
                </div>

私は約2時間オンラインで探していましたが、最初の問題のいくつかは修正されました。この波の影響は私の最後の問題です。

4

1 に答える 1

0

これを試して：

$(".site").mouseenter(function(){
    $(this).stop().animate({
        width: "+=60px",
        height:"+=60px"
    }, 1000);

});

$(".site").mouseleave(function(){
    $(this).stop().animate({
        width: "-=60px",
        height: "-=60px"
    }, 1000);

});
于 2012-06-15T02:30:11.507 に答える