0

jqueryを使用してホバーで上下に移動する画像リンクを取得しようとしています...しかし、これまでのところ何も機能していません。コードは次のとおりです。

$("#footer").find("a").hover(function () {
    $(this).animate({
        down: '+=10'
    }, 200);
}, function () {
    $(this).animate({
        down: '-=10'
    }, 200);
});
4

2 に答える 2

0

探しているCSSプロパティはbottom、ではなくdownです。

$("#footer").find("a").hover(function () {
    $(this).animate({
        bottom: '+=10'
    }, 200);
}, function () {
    $(this).animate({
        bottom: '-=10'
    }, 200);
});

また、CSSで、メイジリンクの位置が相対的または絶対的であり、bottomに何らかの値を設定していることを確認してください。そうしないと機能しません。

a {
    position: relative;
    bottom: 0;
}​

これが、上記のコードを設定したjsFiddleです。

于 2012-12-10T08:59:08.990 に答える
0

ユーザーのマウスがリンクに入るときに一度上下に動くことを探している場合は、このフィドルを試してください

$(".animate_handler").mouseover(function () {
    $(".animate_link").animate({top: '-=10px'}, 200).animate({top: '+=10px'}, 200);
});

リンクがマウスのスコープ外でアニメーション化されたときにアニメーションが繰り返されないように、リンクはリンクの下部に十分なスペースがあるコンテナ内にあることに注意してください。

于 2012-12-10T09:10:59.073 に答える