点击li标签变色，求Js代码,该如何解决
日期：2014-05-16 浏览次数：20386 次
点击li标签变色，求Js代码
鼠标经过和点击后的颜色是一样的。请教Js怎么写？
------解决方案--------------------
把这段，写在页面的最下面。。。
------解决方案--------------------
鼠标经过和点击后的颜色是一样的。请教Js怎么写？
<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>关于本站|联系我们</title>
<link href="Css/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="Images/b_i.ico" type="image/x-icon"/>
<link rel="bookmark" href="Images/b_i.ico" type="image/x-icon"/>
</head>
<body>
<div class="wrap">
<div class="main">
<div class="logo aLogo"><a class="logo_a" title="设为首页"></a></div>
<div class="bdn">当前位置：
<a href="./">首页</a> >> 关于本站
</div>
<div class="lmu">
<div class="idt">关于本站</div>
<div class="mu" id="mu">
<ul>
<li>关于本站</li>
<li>诚聘英才</li>
<li>联系我们</li>
<li>使用声明</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="JavaScript/footer.js"></script>
</div>
</body>
</html>
------解决方案--------------------
document.getElementById("mu").onclick = function(e){
e = e
------解决方案--------------------
window.event;
var target = e.srcElement
------解决方案--------------------
e.target,
tagName = target.tagName.toLowerCase(),
allLi = document.getElementById("mu").getElementsByTagName("li");
for(var i=0,len=allLi.length;i<len;i++){
if(target == allLi[i]){
allLi[i].style.background = "red";
}else{
allLi[i].style.background = "blue";
}
}
};把这段，写在页面的最下面。。。
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
