求類似 vb 中 tabstrip 頁面的方法或代碼!!!

看看这个吧 ，是个半成品。代码有些乱。不过效果不错。最好用 showModalDialog("");打开效果更好
<html>
<head>
<style>td 
.span{ 
cursor:hand; 
padding-left:5; 
padding-top:2; 
padding-right:5; 
padding-bottom:0; 
width:100%; 
height:100%; 
} 
input{
cursor:default; 
padding-left:5; 
padding-top:2; 
padding-right:5; 
padding-bottom:0; 
font-size:12pt;
}
</style> 
<SCRIPT LANGUAGE="JavaScript">
<!--function document.onmousedown() 
{ 
var obj=event.srcElement 
var pobj=obj.parentElement.id;
if(obj.className=="span") 
{ 
 for(i=1;i<4;i++) 
 { 
  if(pobj==("btn"+i))
  { 
   document.all("m"+i).style.backgroundColor="menu" 
   document.all("btn"+i).style.height=20 
document.all("tb"+i).style.display='';
   } 
  else 
  { 
   document.all("m"+i).style.backgroundColor="white" 
   document.all("btn"+i).style.height=18 
document.all("tb"+i).style.display='none';
   } 
 } 
} 
} 
// for check 
function ck(obj){
var v=obj.value;
if(v<0 || v>100 ) alert("成绩必须是在0~100之间");
else alert("OK");
}//-->
</SCRIPT>
<title>修改学生信息
</title></head>
<BODY id=bdy style="background: menu; color: windowtext; margin: 10px; BORDER-STYLE: none" scroll=no>
<table width=0 onselectstart="return false" bgcolor=menu align=center><tr><td> 
<table cellpadding=0 cellspacing=0 onselectstart="return false"> 
<tr height=20>
<td valign=bottom>
<table cellspacing=0 cellpadding=0 bgcolor=menu><tr><td width=1 height=1></td><td width=1 height=1></td> <td bgcolor=white></td><td></td><td></td></tr>   <tr><td width=1 height=1></td><td width=1 height=1 bgcolor=white></td>   <td></td><td bgcolor=black></td><td></td></tr>   <tr><td width=1 bgcolor=white></td><td width=1 height=1></td><td id=btn1 height=20>
<span class=span id=MenuName1>基本信息</span></td><td width=1 bgcolor=gray></td><td bgcolor=black width=1></td></tr><tr><td bgcolor=white></td><td colspan=4 height=1 bgcolor=menu id=m1></td></tr> </table> 
</td>
<td valign=bottom>
<table cellspacing=0 cellpadding=0 bgcolor=menu><tr><td width=1 height=1></td><td width=1 height=1></td> <td bgcolor=white></td><td></td><td></td></tr>   <tr><td width=1 height=1></td><td width=1 height=1 bgcolor=white></td>   <td></td><td bgcolor=black></td><td></td></tr>   <tr><td width=1 bgcolor=white></td><td width=1 height=1></td><td id=btn2 height=20>
<span class=span id=MenuName1>等级考试</span></td><td width=1 bgcolor=gray></td><td bgcolor=black width=1></td></tr><tr><td bgcolor=white></td><td colspan=4 height=1 bgcolor=white id=m2></td></tr> </table> 
</td>
<td valign=bottom>
<table cellspacing=0 cellpadding=0 bgcolor=menu><tr><td width=1 height=1></td><td width=1 height=1></td> <td bgcolor=white></td><td></td><td></td></tr>   <tr><td width=1 height=1></td><td width=1 height=1 bgcolor=white></td>   <td></td><td bgcolor=black></td><td></td></tr>   <tr><td width=1 bgcolor=white></td><td width=1 height=1></td><td id=btn3 height=20>
<span class=span id=MenuName1>&nbsp;&nbsp;重&nbsp;&nbsp;修 &nbsp;  </span></td><td width=1 bgcolor=gray></td><td bgcolor=black width=1></td></tr><tr><td bgcolor=white></td><td colspan=4 height=1 bgcolor=white id=m3></td></tr> </table> 
</td>
<td style="border-bottom:1 white solid" width=220>&nbsp; </td> </tr> 
</table>
<div style="padding:10;width:100%;height:420;border-left:1 white solid;border-right:2 outset;border-bottom:2 outset"> 
<table>
<tbody id='tb1'><tr height=20><Td>
<table>
<tr>
<Td>学号：</td><td width=150><font color=blue>99066117</font></td>
<Td>班级：</td><td><font color=blue>990661</font></td>
</tr>
<tr>
<Td>姓名：</td><td width=150><font color=blue>王良</font></td>
<Td>性别：</td><td><font color=blue>女</font></td>
</tr>
<tr>
<Td>出生日期：</td><td width=150><font color=blue>1980-12-1</font></td>
<Td>&nbsp;</td><td>&nbsp;</td></tr>
<tr>
<Td>身份证：</td><td colspan=3><font color=blue>65232219800604027</font></td>
</tr>
<tr>
<Td>专业：</td><td colspan=3><font color=blue>
工程造价管理
</font></td>
</tr><Td>培养层次：</td><td width=150><font color=blue>本科</font></td>
<Td>学制：</td><td><font color=blue>四年</font></td>
</table>
<BR>
<FIELDSET style="width: 100%; text-align: center">
<LEGEND> 毕业与授位：</LEGEND>
<div align=left>
<INPUT TYPE="checkbox" NAME="by">毕业&nbsp;&nbsp;
<INPUT TYPE="checkbox" NAME="jy">结业&nbsp;&nbsp;<BR>
<INPUT TYPE="checkbox" NAME="sw">授位&nbsp;&nbsp;
 <BR>&nbsp;
</div>
</FIELDSET>
</td></tr></tbody>
<tbody id='tb2' style='display:none;'><tr><td>
<!--等级--->
<FIELDSET style="width: 1%; text-align: center">
<LEGEND> 英语(CET)等级考试： </LEGEND>
<table border=0 cellspacing=6 cellpadding=0>
 <tr>
  <td height=21>级别:</td>
  <td>
   <select name='edj'>
   <option value='三级'>三级</option>
   <option value='四级'>四级</option>
   </select>
  </td>
  <td>已通过：<INPUT TYPE="checkbox" NAME="etg" ><td></td>
 </tr>
 <tr>
  <td><nobr>未通过最高分：</nobr></td>
  <td><input type="text" name="e" value="" size=4 style="width: 100%" onchange='javascript:ck(this);'></td>
 </tr>
</table>
</FIELDSET>
<BR><BR>
<BR>
<FIELDSET style="width: 1%; text-align: center">
<LEGEND>计算机等级考试：</LEGEND><table border=0 cellspacing=6 cellpadding=0>
 <tr>
  <td height=21>级别:</td>
  <td>
   <select name='cdj'>
   <option value='三级'>三级</option>
   <option value='四级'>四级</option>
   </select>
  </td>
  <td>已通过：<INPUT TYPE="checkbox" NAME="ctg"><td></td>
 </tr>
 <tr>
  <td><nobr>最高分(笔试)：</nobr></td>
  <td><input type="text" name="cb" value="" size=4 style="width: 100%" onchange='javascript:ck(this);'></td>
 <tr>
  <td><nobr>最高分(上机)：</nobr></td>
  <td><input type="text" name="cj" value="" size=4 style="width: 100%" onchange='javascript:ck(this);'></td>
 </tr>
 </tr>
</table>
</FIELDSET></td></tr></tbody>
<tbody id='tb3' style='display:none'><tr><td>tb3
</td></tr></tbody>
</table></div></td></tr>
</table></td></tr>
</table>
<div align=right><INPUT TYPE="submit" value=' 确定 ' name='BtSave'   >&nbsp;
<INPUT TYPE="button" value=' 取消 ' onclick="javascript:window.close();" name='BtCancel' >&nbsp;
<INPUT TYPE="submit" value=' 应用 ' name='BtReload' >&nbsp;
</div>
</body>

解决方案 »

  1.   

    用 showModalDialog("");打开, 怎麼打開???
      

  2.   

    上边的代码先保存为一个文件。比如show.php
    然后在别的 也面中需要的地方加上
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function show(){
     showModalDialog("show.php","审查", "resizable: no; help: no; status: no; scroll: no; ");
    }
    //-->
    </SCRIPT>
    <a href="javascript:show();">看</a>
      

  3.   

    showModalDialog 的幫助文檔在哪,我想多看看那些參數。