日期:2014-05-16 浏览次数:20342 次
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";
}