这样子?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
.navpage{}
.active{background-color:#abc;}
</style>
<body>
<ul class="navpage" id="list">
<li class="active"> <a href="#">下载安装 </a> </li>
<li> <a href="#">运行游戏 </a> </li>
<li> <a href="#">注册账号 </a> </li>
<li> <a href="#">进入游戏 </a> </li>
<li> <a href="#">找空桌坐下 </a> </li>
<li> <a href="#">开始游戏 </a> </li>
</ul>
<script type="text/javascript">
window.onload = function()
{
var ul = document.getElementById("list");
var a = ul.getElementsByTagName("a");
var list = ul.getElementsByTagName("li");
for(var i=0;i<a.length;i++)
{
a[i].onclick = function(){
for(var j=0;j<list.length;j++)
list[j].className = "";
this.parentNode.className = "active";
return false;
}
}
}
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
.navpage{}
.active{background-color:#abc;}
</style>
<body>
<ul class="navpage" id="list">
<li class="active"> <a href="#">下载安装 </a> </li>
<li> <a href="#">运行游戏 </a> </li>
<li> <a href="#">注册账号 </a> </li>
<li> <a href="#">进入游戏 </a> </li>
<li> <a href="#">找空桌坐下 </a> </li>
<li> <a href="#">开始游戏 </a> </li>
</ul>
<script type="text/javascript">
window.onload = function()
{
var ul = document.getElementById("list");
var a = ul.getElementsByTagName("a");
var list = ul.getElementsByTagName("li");
for(var i=0;i<a.length;i++)
{
a[i].onclick = function(){
for(var j=0;j<list.length;j++)
list[j].className = "";
this.parentNode.className = "active";
return false;
}
}
}
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.x{
font-family:"新宋体";
font-size:24px;
font-weight:bold;
}
#menu1{font-family:"新宋体"; font-size:14px; font-style:normal;}
</style>
<script>
function a(m){
var tli = document.getElementById("menu1").getElementsByTagName("li");
if(m==1){
tli[0].className='x';
tli[1].className='';
tli[2].className='';
tli[3].className='';
}else if(m==2){
tli[0].className='';
tli[1].className='x';
tli[2].className='';
tli[3].className='';
}else if(m==3){
tli[0].className='';
tli[1].className='';
tli[2].className='x';
tli[3].className='';
}else if(m==4){
tli[0].className='';
tli[1].className='';
tli[2].className='';
tli[3].className='x';
}
}
</script>
</head><body>
<ul id="menu1">
<li onclick="a('1')"><a href="#">111111111</a></li>
<li onclick="a('2')"><a href="#">22222222222</a></li>
<li onclick="a('3')"><a href="#">333333333</a></li>
<li onclick="a('4')"><a href="#">444444444</a></li>
</ul>
</body>
</html>