网页中的tap导航菜单怎么做？ 我是想在整个网页中的一小块里加上tap导航，并且每个下面都有内容。
发布网友
发布时间：2022-05-11 08:42
共1个回答
热心网友
时间：2023-10-09 14:29
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.tabnav ul{margin:0;padding:0;list-style:none;}
.tabnav li{padding:5 10px;border:1px solid red;float:left;}
.tabid {border:1px solid #000;clear:both;}
</style>
<script language='javascript'>
function tab(n){
var tabnav="tab"+n;
var tabid="tabid"+n;
cleardisplay();
document.getElementById(tabid).style.display="block";
}
function cleardisplay(){
for (i=1;i<3;i++)
{
var cleartabid="tabid"+i;
document.getElementById(cleartabid).style.display="none";
}
}
</script>
</HEAD>
<BODY>
<div>
<div class='tabnav'>
<ul>
<li id='tab1' onclick='tab(1)'>TAB1</li>
<li id='tab2' onclick='tab(2)'>TAB2</li>
</ul>
</div>
<div id='tabid1' class='tabid'>tab1</div>
<div id='tabid2' class='tabid' style='display:none;'>tab2</div>
</div>
</BODY>
</HTML>
我是楼主，就像上面的代码一样，只有输入tap1的位置，在哪输入tap2、tap3、tap4？请高手指点！
