0

少し問題があります。スライド アニメーションを作成したいです。私のコードを見ることができます： ここをクリックしてください。

しかし、ご覧のとおり、1 つの div だけに「マウスオーバー」すると、すべての div がアニメーション化されます。私がしたいのは、1つのdivで「マウスオーバー」すると、このdivだけがアニメーションになり、他のdivはアニメーションしないことです。

$(".button span").mouseover( function() {
$(this).stop().animate({ height:"+5%"}, 500);}); }); $(function() {

$(".button").mouseout( function(){
$(".button span").stop().animate({ height:"150px"}, 500);});

$(".button").mouseover( function(){
$(".button span").stop().animate({ height:"+5%"}, 500);});

貴重なご協力ありがとうございます。

4

3 に答える 3

4

thisスパンを選択するためのコンテキストとして使用する必要があります。

http://jsfiddle.net/TKcSU/

$(function () {
    $(".button").mouseout(function () {
        $('span', this).stop().animate({
            height: "150px"
        }, 500);
    });

    $(".button").mouseover(function () {
        $('span', this).stop().animate({
            height: "+5%"
        }, 500);
    });
});

代替案は、$(this).find('span')または$(this).children('span');

于 2013-09-12T15:24:27.360 に答える
1

デモ

スパンを選択するためのコンテキストとしてこれを使用します

.hover()

$(function () {
    $(".button").hover(function () {
        $('span', this).stop().animate({
            height: "+5%"
        }, 500);
    }, function () {

        $('span', this).stop().animate({
            height: "150px"
        }, 500);
    });
});
于 2013-09-12T15:31:45.033 に答える