1

我正在尝试创建一个页面，该页面只是一个具有不同 div 的页面，这些 div 在未选择时被隐藏。

当前，我在菜单按钮上有一些问题，我希望突出显示所选页面，然后选择另一个选项卡时，突出显示了另一个选项卡。

说家，关于我们，联系我们

因此，如果它在 home div 中，则 Home 选项卡会突出显示，但如果它是 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 功能

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 回答