1

我有一个菜单，我想用不同颜色的文本或边框底部显示当前页面。

我知道如何使用不同的 html 文件执行此操作，但是，我正在处理的当前网站位于单个文件 index.html 上。当我单击菜单时，它将向下滚动到特定选项卡。

有谁知道单个文件中样式菜单的任何方式？

HTML：

<div id="menu">
    <ul class="nav">
        <li><a href="#section1" class="a">aaa</a></li>
        <li><a href="#section2" class="b">bbb</a></li>
        <li><a href="#section3" class="c">ccc</a></li>
        <li><a href="#section4" class="d">ddd</a></li>
        <li><a href="#section5" class="e">eee</a></li>
    </ul>
</div>

CSS：

#menu ul li .a:hover {
    color: #6D6D6D;
    border-bottom: 2px solid #fcd017;
}

目前我可以在悬停时更改它，但在这种情况下，我想在我留在#section1 时更改它。

4

1 回答 1

0 
 <script type="text/javascript">
           var backcolor = [
    "#aaaaaa",
    "#bbbbbb",
    "#cccccc",
     ];

function changeBGcolor(whichcolor) 
{
  if (document.body) 
   {
    document.getElementById('menu').style.backgroundcolor = '(' +  backImage[whichcolor] + ')';

    }
 }
</script>
<div id="menu">
    <ul class="nav">
        <li><a href="javascript:changeBGcolor(1)" class="a">aaa</a></li>
        <li><a href="javascript:changeBGcolor(2)" class="b">bbb</a></li>
        <li><a href="javascript:changeBGcolor(3)" class="c">ccc</a></li>
        <li><a href="javascript:changeBGcolor(4)" class="d">ddd</a></li>
        <li><a href="javascript:changeBGcolor(5)" class="e">eee</a></li>
    </ul>
</div>

试试这个有时它会工作

于 2013-06-19T11:20:33.627 回答