日期:2014-05-16  浏览次数:20342 次

js li的问题
<ul id="tabs">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>
<div>li1</div>
<div>li2</div>
<div>li3</div>
<div>li4</div>
我的代码写错了,怎么改。
JScript code

function $(id){
            return document.getElementById(id);
        }
            var tabsUl=$("tabs1");
            var li=tabsUl.getElementsByTagName("li");
            var div=document.getElementsByTagName("div");
            
            for(var i=0;i<li.length;i++){
                li[i].onmouseover=function(){                    
                    for(var j=0;i<li.length;i++){
                        if(i!=j){
                            li[j].className="out";
                            div[j].style.display="none";
                        }
                        else{                        
                            li[j].className="move";
                            div[j].style.display="block";
                        }
                    }                    
                }
            }




------解决方案--------------------
JScript code


window.onload = function(){
            var tabsUl=$("tabs1");
            var li=tabsUl.getElementsByTagName("li");
            var div=document.getElementsByTagName("div");
            
            for(var i=0;i<li.length;i++){
                li[i].onmouseover=function(){                    
                    for(var j=0;i<li.length;i++){
                        if(i!=j){
                            li[j].className="out";
                            div[j].style.display="none";
                        }
                        else{                        
                            li[j].className="move";
                            div[j].style.display="block";
                        }
                    }                    
                }
            }

}

------解决方案--------------------
<ul id="tabs"> 

var tabsUl=$("tabs1");

------解决方案--------------------
var tabsUl=$("tabs1");

有这个元素吗?
------解决方案--------------------
JScript code

function $(id){
            return document.getElementById(id);
        }
            var tabsUl=$("tabs1");
            var li=tabsUl.getElementsByTagName("li");
            var div=document.getElementsByTagName("div");
            var nowindex=0;
            for(var i=0;i<li.length;i++){
                div[i].style.display='none';
                li[i].onmouseover=function(){                    
                      div[nowindex].style.display='none';
                      li[nowindex].className='out';
                      div[i].style.display='block';
                      li[i].className='move';
                      nowindex=i;
                }
            }

------解决方案--------------------
for(var i=0;i<li.length;i++){
li[i].onmouseover=function(){
for(var j=0;j<li.length;j++){//j --> i
if(i!=j){
li[j].className="out";
div[j].style.display="none";
}