js效果

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

楼上的写的有点问题，正确代码如下，亲测有效。
<!DOCTYPE html>
<html>
<body><script>
function mov1(){
    var li=document.getElementById("a");
    li.style.background="red";
    var lio=document.getElementById("b");
    lio.style.background="white";
var lioo=document.getElementById("c");
    lioo.style.background="white";
    }
function mov2(){
var li=document.getElementById("b");
    li.style.background="red";
var lio=document.getElementById("a");
    lio.style.background="white";
var lioo=document.getElementById("c");
    lioo.style.background="white";
    }
function mov3(){
var li=document.getElementById("c");
    li.style.background="red";
var lio=document.getElementById("b");
    lio.style.background="white";
var lioo=document.getElementById("a");
    lioo.style.background="white";
    }
</script>

<ul>
<li id="a" onmouseover=mov1()>aa</li>
<li id="b" onmouseover=mov2()>bb</li>
<li id="c" onmouseover=mov3()>cc</li>
</ul>
<div>弹出层</div></body>
</html>
<script>
function mov(li){
    var ul = li.parentNode;
    li.style.background="red";
    var lis = ul.getElementsByTagName("li");
    for(var k=0;k<lis.length;k++){
        if(li!=lis[k]){
            lis[k].style.background="white"
        }
    }
}
</script><ul>
<li onmouseover=mov(this)>aa</li>
<li onmouseover=mov(this)>bb</li>
<li onmouseover=mov(this)>cc</li>
</ul>
<div>弹出层</div>
处理了一下兼容性问题
<ul>
<li>aa</li>
<li>bb</li>
<li>cc</li>
</ul>
<div>弹出层</div><script>
    window.onload = function () {
        var ul = document.getElementsByTagName('ul')[0], lis = ul.getElementsByTagName('li');
        for (var i = 0; i < lis.length; i++)
            lis[i].onmouseover = function () {
                for (var i = 0; i < lis.length; i++) lis[i].style.backgroundColor = '';
                this.style.backgroundColor = 'red';
            }
    }
</script>