我想实现在一个htm文件内分页用javastript,就象是暗的选项卡那样,选项卡头在右下方。如何实现?急!!! 控制div的 style 的display 的属性document.getElementById("*").style.display="block";="none" 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 我javastript不太会,不会滑动门.请指点 有个现成的选项卡在上面的,下面的LZ自己去改,这只是个思路而已也就是2F说的控制style而已<html><head><title>test</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><style type=text/css>td { font-size: 12px; font-family:arial; color: #000000; line-height: 150%; }.sec1 { background-color: #EEEEEE; cursor: hand; color: #000000; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid gray; border-bottom: 1px solid #FFFFFF; }.sec2 { background-color: #E4EAF8; cursor: hand; color: #000000; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid gray; font-weight: bold; }.main_tab { background-color: #E4EAF8; color: #000000; border-left:1px solid #FFFFFF; border-right: 1px solid gray; border-bottom: 1px solid gray; }</style><script language=javascript> function secBoard(n) { for(i=0; i<document.getElementById("secTable").cells.length; i++) { document.getElementById("secTable").cells[i].className="sec1"; } document.getElementById("secTable").cells[n].className="sec2"; for(i=0; i<document.getElementById("mainTable").tBodies.length; i++) { document.getElementById("mainTable").tBodies[i].style.display="none"; } document.getElementById("mainTable").tBodies[n].style.display="block"; }</script></head><body> <table border=0 cellspacing=0 cellpadding=0 width=549 id=secTable> <tr height=20 align=center> <td class=sec2 width=10% onClick="secBoard(0)">General Information</td> <td class=sec1 width=10% onClick="secBoard(1)">Team</td> <td class=sec1 width=10% onClick="secBoard(2)">Documentation</td> <td class=sec1 width=10% onClick="secBoard(3)">Test Report</td> </tr> </table> <table border=0 cellspacing=0 cellpadding=0 width=549 height=240 id=mainTable class=main_tab> <tbody style="display:block;"> <tr> <td align=center valign=top> <br><br>text0 </td> </tr> </tbody> <tbody style="display:none;"> <tr> <td align=center valign=top> <br><br>text1 </td> </tr> </tbody> <tbody style="display:none;"> <tr> <td align=center valign=top> <br><br>text2 </td> </tr> </tbody> <tbody style="display:none;"> <tr> <td align=center valign=top> <br><br>text3 </td> </tr> </tbody> </table></body></html> 我要生成一个htm页,在该页中用滑动门实现一个分页,选项卡的头在右下方的。动态生成,这样现实否?请指点 那就控制div的height呗,将height绑定到div的onmouseover和mouseout事件中去 控制div的height和div的display,更有动感 js 的内存泄漏问题如何检测? 根据内容自动调整弹出窗口大小的JS解决方案 但只适合于FF 求高手解决一个关于数组取值的问题 问个经验性的问题,表单验证的 js 小问题! 语法问题 帮我看下 不为人知的《JavaScript权威指南》(第四版)中的错误你知道吗? 正则替换的问题,帮我看看?立即结贴,在线等待。 这个问题不太好说清…请老师看看 Java代码抓取页面显示的内容保存为图片 请朋友看一下我的理解是错误的吗?? 千分符
也就是2F说的控制style而已
<html>
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type=text/css>
td {
font-size: 12px;
font-family:arial;
color: #000000;
line-height: 150%;
}
.sec1 {
background-color: #EEEEEE;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid #FFFFFF;
}
.sec2 {
background-color: #E4EAF8;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
font-weight: bold;
}
.main_tab {
background-color: #E4EAF8;
color: #000000;
border-left:1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}
</style><script language=javascript>
function secBoard(n) {
for(i=0; i<document.getElementById("secTable").cells.length; i++) {
document.getElementById("secTable").cells[i].className="sec1";
}
document.getElementById("secTable").cells[n].className="sec2";
for(i=0; i<document.getElementById("mainTable").tBodies.length; i++) {
document.getElementById("mainTable").tBodies[i].style.display="none";
}
document.getElementById("mainTable").tBodies[n].style.display="block";
}
</script>
</head><body>
<table border=0 cellspacing=0 cellpadding=0 width=549 id=secTable>
<tr height=20 align=center>
<td class=sec2 width=10% onClick="secBoard(0)">General Information</td>
<td class=sec1 width=10% onClick="secBoard(1)">Team</td>
<td class=sec1 width=10% onClick="secBoard(2)">Documentation</td>
<td class=sec1 width=10% onClick="secBoard(3)">Test Report</td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=549 height=240 id=mainTable class=main_tab>
<tbody style="display:block;">
<tr>
<td align=center valign=top> <br><br>text0 </td>
</tr>
</tbody>
<tbody style="display:none;">
<tr>
<td align=center valign=top> <br><br>text1 </td>
</tr>
</tbody>
<tbody style="display:none;">
<tr>
<td align=center valign=top> <br><br>text2 </td>
</tr>
</tbody>
<tbody style="display:none;">
<tr>
<td align=center valign=top> <br><br>text3 </td>
</tr>
</tbody>
</table>
</body>
</html>