1

それで、私はクライアント用のサイトを構築していて、ハイパーリンクが上に置かれたときにハイパーリンクを少し下に動かそうとしています。paddingLeft はこのメソッドで動作し、使用するとリンクが移動しますが、値を「paddingTop」または「marginTop」に変更すると、応答がありません。ここで何が欠けていますか？

http://jsfiddle.net/Raylin/XLrBH/

問題が何であるかを知ることができる人のために、ここに私のjQコードがあります：

$(document).ready(function(){
$(".sublink").hover(
    function(){
        $(this).stop().animate({paddingTop: "+=40px"},200);
    },
    function(){
        $(this).stop().animate({paddingTop: "0px"},200);
    });
});

先日HTML/CSS/jQueryを習ったばかりなので、きっと簡単なものだと思います。前もって感謝します。

4

2 に答える 2

1 
$(document).ready(function(){
$(".circle").hover(
    function(){
        $(this).stop().animate({paddingTop: "+=40px"},200);
    },
    function(){
        $(this).stop().animate({paddingTop: "0px"},200);
    });
});

外側の要素をアニメーションの「the」要素として使用します。

-- このアニメーションを見るときは、「+=40px」に注目してください。それは本当にあなたが必要とすることをしますか？

于 2013-01-06T18:03:31.563 に答える
0

これを試してみませんか：

$(document).ready(function(){
$(".sublink").hover(
    function(){
        $(this).stop().animate({top: "+=40px"},200);
    },
    function(){
        $(this).stop().animate({top: "0px"},200);
    });
});

.subLinkこれは、次の CSS プロパティをクラスに追加することを前提としています。

position: relative

私はそれをテストしませんでしたが、言い訳なしで動作するはずです。

それが役に立てば幸い。

于 2013-01-06T18:50:56.100 に答える