欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

点击li标签变色,求js代码,该如何解决

更新时间: 2014-01-05 01:50:47 责任编辑: Author_N1

 

点击li标签变色,求Js代码

--参考方法--
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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    <title>关于本站
--参考方法--
联系我们</title>
    <style type="text/css">
        .mu .liSelected{background-color:#FFA11F;color:#0978D1}
        .mu li{background-color:#0978D1;color:#FFF}
        .mu li:hover{color:red}
    </style>
</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>
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:50:47
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1921/
本文WWW.DOC100.NET DOC100.NET版权所有。