求助大神！可能是对代码不理解，为什么显示不出效果呢-慕课网

首页课程实战体系课手记专栏慕课教程

求助大神！可能是对代码不理解，为什么显示不出效果呢

来源：10-1 编程挑战

乄故里

2017-01-05 11:35

<!DOCTYPE html>

<html>

<head>

/* CSS样式制作 */

*{padding:0;margin:0;list-style:none;font-size:13px;text-decoration:none;color:#333;}

#all{width:300px;}

#ul1{border-bottom:2px solid #8B4513;height:32px;padding-left:10px;}

#ul1 li{float:left;margin-right:10px;border:1px solid #B3B3AE;width:70px;line-height:30px;text-align:center;border-bottom:none;cursor:pointer;}

#ul1 li.on{border-top:2px solid #8B4513;border-bottom:2px solid #fff;}

#all div{clear:both;border:1px solid #7295B8;height:100px;border-top:0;}

#all div li{padding:5px 0 0 10px;}

.hide{display:none;}

</style>

// JS实现选项卡切换

window.onload=function(){

var a=document.getElementById("all");

var b=a.getElementById('ul1');

var c=b.getElementsByTagName('li');

var d=a.getElementsByTagName('div');

for(var i=0;len=c.length;i<len;i++){

c[i].index=i;

c[i].onmouseover=function(){

for(var n=0;n<len;n++){

c[n].className='';

d[n].className='hide';

}

this.className='on';

d[this.index].className='';

}

};

}

</script>

</head>

<body>

</ul>

<div>

<ul>

<li><a href=''>275万购昌平邻铁三居总价20万买一居</a></li>

</ul>

</div>

<div>

<ul>

<li><a href=''>275万购昌平邻铁三居总价20万买一居</a></li>

</ul>

</div>

<div>

<ul>

<li><a href=''>275万购昌平邻铁三居总价20万买一居</a></li>

</ul>

</div>

</body>

</html>

写回答关注

0回答

还没有人回答问题，可以看看其他问题

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468192 学习 · 21891 问题

相似问题

回答 3

回答 5

回答 1

大神帮忙看看代码是哪里不对了，为什么不能显示出来

回答 7

为什么什么都显示不出来。？求大神解答

回答 3

打开慕课网App查看更多内容