jhlovett 发表于 2013-2-7 14:33:40

简单选项卡制作方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript">function setThisDisplay(id){try{var tabItem=document.getElementById(id);var btnItem=document.getElementById("btn"+id);var tabArr=["EmployeeInfo","OrganizationInfo","SysInfo","RoleInfo","PersonnelInfo"];for(var i=0;i<tabArr.length;i++){if(tabItem.id!=tabArr){document.getElementById(tabArr).style.display='none';}else{tabItem.style.display='';}}var btnArr=["btnEmployeeInfo","btnOrganizationInfo","btnSysInfo","btnRoleInfo","btnPersonnelInfo"];for(var i=0;i<btnArr.length;i++){if(btnItem.id==btnArr){btnItem.bgColor='white';}else{document.getElementById(btnArr).bgColor='';}}}catch(argument){}}</script><style type="text/css"><!--.tabTitle {text-align: center;cursor:hand;}--></style></head><body leftmargin="0" bottommargin="0" rightmargin="0" topmargin="0"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"><tr>    <td height="51" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">      <trbgcolor="lightgrey" >      <td height="50">   <font size=3><b>张三      </b></font>      <br />         添加/修改人员信息      </td>      </tr>    </table></td></tr><tr>    <td height="35"valign="top" bgcolor="F0F0F0">    <br />    <table width="100%" border="0" cellpadding="0" cellspacing="0" height="35">      <tr >      <td width="5%"> </td>      <tdid="btnEmployeeInfo"align="center" nowrap bgcolor="white" class="tabTitle">基本信息</td>      <tdid="btnOrganizationInfo"   align="center" nowrap class="tabTitle">组织结构</td>      <tdid="btnSysInfo"   align="center" nowrap class="tabTitle">系统设置</td>      <tdid="btnRoleInfo"   align="center" nowrap class="tabTitle">角色和权限</td>      <tdid="btnPersonnelInfo"   align="center" nowrap class="tabTitle">人事档案</td>      <td width="40%"> </td>      </tr>    </table></td></tr><tr bgcolor="F0F0F0"><td height="370" valign="top"><!--基本信息--><table id="EmployeeInfo" width="95%" height="333" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white" >    <tr>      <td>基本信息</td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr></table>   <!--组织结构--><table id="OrganizationInfo" width="95%" height="333" border="0" align="center" cellpadding="0" cellspacing="0"style="display:none;" bgcolor="white" >    <tr>      <td>组织结构</td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr></table>   <!--系统设置--><table id="SysInfo" width="95%" height="333" border="0" align="center" cellpadding="0" cellspacing="0"style="display:none;" bgcolor="white" >    <tr>      <td>系统设置</td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr></table>   <!--角色与权限--><table id="RoleInfo" width="95%" style="display:none;" height="333" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white">    <tr>      <td>角色与权限</td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr></table>    <!--人事档案--><table id="PersonnelInfo" width="95%" style="display:none;" height="333" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white">    <tr>      <td>人事档案</td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr>    <tr>      <td> </td>      <td> </td>      <td> </td>    </tr></table></td></tr><tr bgcolor="F0F0F0"height="135"><td></td></tr></table></body></html> 
页: [1]
查看完整版本: 简单选项卡制作方式