网页内容分类平滑显示代码问题

答案:3 悬赏:0 手机版

解决时间 2021-05-06 16:09

提问者网友：我的未来我做主
2021-05-05 19:11

如上图显示，这样的问题如何解决本来把鼠标滑到第二栏，内容就会显示，但是现在没有效果，代码如下，请指明原因，且给以建议。
<div class="supe_newsaa_r">
<div class="supe_newsaa_r_cap1">
<span class="seted" id="a01" >招聘求职</span>
<span class="unseted" id="a02" >二手市场</span>
</div>

<div id="b01">
<ul >
<script language="JavaScript" src=" http://silverwolve.jxdx30.901.cn/batch.javascript.php?param=AjdSbAJrVWJcYV0pVihVdlVmU3lYMVVoBDBSZVRlC3kHPlBjC2BTYgB5XCZRPlZkV25QJVU4ADxRLlVoUH8BOAIwUnICK1VoXCRdOVYwVXJVZlM6WDVVaQQxUiBUTQsTBwNQQQsiU2sAP1wxUT9WcVcuUGVVfQBjUTNVKFBuAT0CNlJoAmFVdVxjXTBWNFUpVTpTZlhsVSgEJ1J1VGsLPAc1UGELeVNrADNcMlF5VjFXMVB6VSIAOlFuVXBQbgE9AiFSZQJjVW5ceF0kVn5VN1UsUzVYPVVkBDxSZVRnCzcHPVBnCyJTZgA3XDZROVZnVy5QIVUhAD5RLlV0UHgBPgI%2FUmUCZ1V1XFVdMVY4 "></script> </ul>
<div class="btbg">
<font color="#ff0000">注册会员</font> 可免费发布信息
</div>
</div>
<div id="b02" class="aahidden">
<ul >
<script language="JavaScript" src=" http://silverwolve.jxdx30.901.cn/batch.javascript.php?param=BTBRbwJrUmVRbFQgUiwBIlJhAStQOQc6AzcEMwAxDnwCO1VmVzxTYlEoVD5WOFpoADlWKlU4UC0CPQUlUGkKMgUgUSwCbVIoUWNUNVIhATdSaAFtUDoHMANzBBIAGA4AAhZVKFc9U25RalQ9ViVaJgBmVn9VYFAwAn0FNFBsCjQFOlFmAnBSb1FqVDFSegFrUjQBNFB7ByYDJgQ0ADcONgI2VXNXPVNiUWlUe1ZlWjkAeVYgVTlQbQIlBTRQbAojBTdRZAJrUnRRflR7UmQBfVJnAWVQNwc9AzYEOAA8Dj4CMFUoVzVTf1FiVCZWIlphADlWJlV%2BUHYCIgU7UCIKJAUnUWECblJjUWRUIFIKAT5SbQ%3D%3D "></script> </ul>
<div class="btbg">
<font color="#ff0000">注册会员</font> 可免费发布信息
</div>
</div>
</div>
</div>

最佳答案

五星知识达人网友：妄饮晩冬酒
2021-05-05 20:06

在最上面加

function changclass(num){

var i=1;

for(i;i<=2;i++){

document.getElementById('a0'+i).className = 'unseted';

}

document.getElementById('a0'+num).className = 'seted';

}

</script>

把

<span class="seted" id="a01" >招聘求职</span>
<span class="unseted" id="a02" >二手市场</span>
改成

全部回答

1楼网友：北城痞子
2021-05-05 20:41

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>点击切换和自动切换选项卡_懒人建站 http://51xuediannao.com </title> <style type="text/css"> *{list-style:none;margin:0;padding:0;overflow:hidden} .tab1{width:401px;border-top:#A8C29F solid 1px;border-bottom:#A8C29F solid 1px;margin:50px 200px;} .menu{width:400px;background:#eee;height:28px;border-right:#A8C29F solid 1px;border-bottom:#A8C29F solid 1px;} li{float:left;width:99px;text-align:center;line-height:28px;height:28px;cursor:pointer;border-left:#A8C29F solid 1px;color:#666;font-size:14px;overflow:hidden} .menudiv{width:399px;height:300px;border-left:#A8C29F solid 1px;border-right:#A8C29F solid 1px;border-top:0;background:#fefefe} .menudiv div{padding:15px;line-height:28px;} .off{background:#E0E2EB;color:#336699;font-weight:bold} </style> <script type="text/javascript"> function setTab(name,cursel){ cursel_0=cursel; for(var i=1; i<=links_len; i++){ var menu = document.getElementById(name+i); var menudiv = document.getElementById("con_"+name+"_"+i); if(i==cursel){ menu.className="off"; menudiv.style.display="block"; } else{ menu.className=""; menudiv.style.display="none"; } } } function Next(){ cursel_0++; if (cursel_0>links_len)cursel_0=1 setTab(name_0,cursel_0); } var name_0='one'; var cursel_0=1; var ScrollTime=3000;//循环周期（毫秒） var links_len,iIntervalId; onload=function(){ var links = document.getElementById("tab1").getElementsByTagName('li') links_len=links.length; for(var i=0; i<links_len; i++){ links[i].onmouseover=function(){ clearInterval(iIntervalId); this.onmouseout=function(){ iIntervalId = setInterval(Next,ScrollTime);; } } } document.getElementById("con_"+name_0+"_"+links_len).parentNode.onmouseover=function(){ clearInterval(iIntervalId); this.onmouseout=function(){ iIntervalId = setInterval(Next,ScrollTime);; } } setTab(name_0,cursel_0); iIntervalId = setInterval(Next,ScrollTime); } </script> </head> <body> <h3>你什么都不要做，你会看到选项卡在自己切换</h3> <div class="tab1" id="tab1"> <div class="menu"> <ul> <li id="one1" onclick="setTab('one',1)">懒人建站</li> <li id="one2" onclick="setTab('one',2)">点击看看</li> <li id="one3" onclick="setTab('one',3)">会自动的</li> <li id="one4" onclick="setTab('one',4)">懒人建站</li> </ul> </div> <div class="menudiv"> <div id="con_one_1"><h4 >懒人建站-解放出你的部分写代码时间来思考更高层次的设计</h4></div> <div id="con_one_2" ><h4 >JS代码,导航菜单,焦点图片,网页特效,广告代码,SEO优化,建站技巧</h4></div> <div id="con_one_3" ><h4 >我们为您提供-JS代码，网页图标，网页欣赏模板，SEO优化和各种建站技巧；</h4></div> <div id="con_one_4" ><h4 >懒人建站只收录实用和能提高用户体验的代码，我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。</h4></div> </div> </div> </body> 参考了： http://51xuediannao.com/JS/texiao/20091018/131.html

2楼网友：鸽屿
2021-05-05 20:33

没有js事件

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！