首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js li的有关问题

2012-08-29 
js li的问题ul idtabsli1/lili2/lili3/lili4/li/uldivli1/divdivli2/div

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";
}


else{
li[j].className="move";
div[j].style.display="block";
}
}
}
}

[解决办法]
for(var j=0;i<li.length;i++){

[解决办法]
test

HTML code
<script src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript" id="js">function $(id){    return document.getElementById(id);}window.onload = function(){    var tabsUl=$("tabs");    var li=tabsUl.getElementsByTagName("li");    var div=document.getElementsByTagName("div");        for(var i=0;i<li.length;i++){        (function(){        var index=i;        li[index].onmouseover=function(){            for(var j=0;j<li.length;j++){                if(index!=j){                    li[j].className="out";                    div[j].style.display="none";                }                else{                    li[j].className="move";                    div[j].style.display="block";                }            }        }        })();    }}</script><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>
[解决办法]
来晚了,帮顶,,,,,

热点排行