js控制切换菜单背景变颜色 - pochonlee

问题描述：

若干导航菜单，选中其中一个后背景变色，与其余菜单背景颜色不同。

相关基础知识：

js+Div+html

看下面代码：可以根据需要动态添加菜单。

通过改变A标签的class属性来完成颜色变化。很方便。自己做个笔记

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.on{ background:red;}
.off{ background:blue;}
</style>
<script language=Javascript>
var tID=0;
function showTabs(ID){
    if(ID!=tID){
        eval("document.getElementById(\'menu"+[tID]+"\').className=\'off\';");
        eval("document.getElementById(\'menu"+[ID]+"\').className=\'on\';");
        tID=ID;
    }
}
</script>
</HEAD>
<BODY>
<Div id="topMenu">
    <a id="menu0" class="on" href="#" onclick="showTabs(0);">Home</a>
    <a id="menu1" class="off" href="#" onclick="showTabs(1);">Book</a>
    <a id="menu2" class="off" href="#" onclick="showTabs(2);">Link</a>
</Div
</BODY>
</HTML>