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>
我的代码写错了,怎么改。
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"; } } } }
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");
有这个元素吗?
[解决办法]
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
<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>
[解决办法]
来晚了,帮顶,,,,,