0

以下に示すように、特定のcssが添付されたこのlink（）があります。リンクを押すと、ページ上の別の場所にリンクを移動します。リンクが移動した後、a：activeブラケットのcssも変更する必要があります。基本的にはトップを0pxにします。アニメーション機能は発生しますが、jqueryの2行目は効果がありません。どうすればそれを達成できますか？

HTML

<div class = "buttons">
<a class = "About" href="#"><span>About Me</span><img src="#" alt="About Me"></a>
</div>

CSS

.buttons a:active{
top:1px; 
}

jquery

$("a.About").click(function(){
        $("a.About").animate({right:'380px', bottom:'110px'},"slow");
                $(".About:active").css("top", "-=1"); });
4

2 に答える 2

1

:activejQueryはセレクターをサポートしていません。:activejQueryからCSS疑似セレクターを変更することはできません。あなたにとって最善の策は、これを行うクラスをCSSに追加することです。.addClass()次に、その特定のクラス名にjQueryを使用します。

編集

ハイパーリンクをセクションAからセクションBに移動したときの動作を変更したい場合は、次のようにすることができます。

CSS

a.sectionA:active { background-color:yellow; }
a.sectionB:active { background-color:green; }

HTML

<div class="buttons">
    <a class="sectionA About" href="#"><span>About Me</span><img src="#" alt="About Me"></a>
</div>

次に、アンカータグをあるセクションから次のセクションに移動するときはいつでも、次のことができます。

$("a").removeClass("sectionA").addClass("sectionB");
于 2012-12-22T06:33:23.310 に答える
0

おそらくこれはあなたの要件に合っています：

$("a.About").click(function(){
    $("a.About").animate({right:'380px', bottom:'110px'},"slow");
         $(this).css("top", "0px"); 
});
于 2012-12-22T06:20:28.853 に答える