1

選択されていないときに非表示になるさまざまな div を持つ単一のページであるページを作成しようとしています。

現在、メニューボタンに問題があります。選択したページを強調表示したいのですが、別のタブを選択すると、代わりに他のタブが強調表示されます。

ホーム、私たちについて、お問い合わせ

そのため、ホーム div にある場合は [ホーム] タブが強調表示されますが、about us div の場合は、about us が強調表示されます。純粋なcssを使いたかったのですが、検索しても結果がなかったので、javascriptに固執する必要があります。

これは私のコードです

function Switcher(a,b,c,d,e){
document.getElementById('button1').style.background=a;
document.getElementById('button2').style.background=b;
document.getElementById('button3').style.background=c;
document.getElementById('button4').style.background=d;
document.getElementById('button5').style.background=e;
}

オンクリック機能付き

onClick="Switcher(#c5e043,#241009,#241009,#241009,#241009)"

しかし、それはうまくいかないようです、何か助けはありますか？または他のより簡単な提案:)？

4

2 に答える 2

1

backgroundColor背景の代わりに使用:

function Switcher(a,b,c,d,e){
    document.getElementById('button1').style.backgroundColor = a;
    document.getElementById('button2').style.backgroundColor = b;
    document.getElementById('button3').style.backgroundColor = c;
    document.getElementById('button4').style.backgroundColor = d;
    document.getElementById('button5').style.backgroundColor = e;
}

また、パラメーターを文字列として渡します。

onClick="Switcher('#c5e043', '#241009', '#241009', '#241009', '#241009')"
于 2013-04-06T15:29:57.573 に答える
0

または他のより簡単な提案:)？

脚本： 

function Switcher(Colors)
    {
    var Count=1;

Colors.split(",").forEach(function(xColor) { document.getElementById('button' + Count).style.background = xColor;
Count +=1; });

}

オンクリック:

onClick="Switcher("#c5e043,#241009,#241009,#241009,#241009")"
于 2013-04-06T15:56:53.597 に答える