1

ここに私が持っているものがあります

link A  Text A    
link B  Text B   
link C  Text C

をクリックするとLink A、その色が赤に変わり、テキスト A の色もフェードイン/フェードアウト効果で変化するはずです。

もう一度クリックするLink Aと、リンクとテキストが以前のスタイルに戻ります

IFLink Aがアクティブ (つまり、色が赤) の場合、クリックするLink BとLink A元Text Aのスタイルになり、赤になり、フェードイン/アウト効果でLink B色が変わります。text B

これは理にかなっていますか？

ありがとう

4

1 に答える 1

1

これは、フェード効果のない簡単なソリューションです。

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#links a').click(function(){
            toggle_link_class(this);
        });

        function toggle_link_class(a){
            $('#links a').removeClass('active'); 
            $('#links a').addClass('inactive'); 
            $(a).toggleClass('inactive active');
        }
    });
</script>

<style>
    #links a{color:#000;}
    #links a.active{color:red;}
</style>

<div id="links">
    <a href="#a">Link A</a> <br />
    <a href="#b">Link B</a> <br />
    <a href="#c">Link C</a> 
</div>

以下の「カラーアニメーションライブラリ」を試すことができます

http://www.bitstorm.org/jquery/color-animation/

于 2012-11-19T13:05:35.073 に答える