这种界面怎么做？

http://www.yesky.com/SoftChannel/72351167954419712/20020903/1628338.shtml#看看这个
网上好多的
自己找找

或者参考阿赖的文章
http://www.9499.net/?go=tc

用javascript做
你搜索一下类QQ

看下我写的
<%@ Page language="c#" Codebehind="left2.aspx.cs" AutoEventWireup="false" Inherits="OAWeb.frame.left2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<SCRIPT>
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
   }

     var dropShow=false
function dropdown(value){
   document.getElementById("down2").style.display="none";
   document.getElementById("down3").style.display="none";
   document.getElementById("down4").style.display="none";
   document.getElementById("down5").style.display="none";
   document.getElementById("down8").style.display="none";
   document.getElementById("down9").style.display="none";
   document.getElementById("down10").style.display="none";
   document.getElementById("down13").style.display="none";
   document.getElementById(value).style.display="block";

</SCRIPT>
</HEAD>
<BODY leftMargin="0" topMargin="0">
<form runat="server">
<TABLE height="600" cellSpacing="0" cellPadding="0" border="0">
<TBODY>
<TR>
<TD vAlign="top" width="0%" bgColor="#eaeaea">
<TABLE cellSpacing="0" cellPadding="0" width="130" border="0">
<TBODY>
<TR>
<td height="40"></td>
</TR>
<TR>
<TD><A onmouseover="MM_swapImage('Image25','','../images/left/mm1_a.gif',1)" onmouseout="MM_swapImgRestore()"
href="../pubInfo/default.aspx" target="panel"><IMG height="29" src="../images/left/mm1.gif" width="130" border="0" name="Image25"></A></TD>
</TR>
<TR>
<TD><IMG id="IMG1" onmouseover="MM_swapImage('Image26','','../images/left/mm2_a.gif',0)"
onclick="dropdown('down2')" onmouseout="MM_swapImgRestore()" height="29" src="../images/left/mm2.gif"
width="130" border="0" name="Image26"></TD>
</TR>
<tr>
<td>
<div id="down2" style="DISPLAY: none">
<table height="100%" cellSpacing="0" cellPadding="0">
<TR>
<TD><A href="../pubInfo/listaffiche.aspx" target="panel"><IMG height="19" src="../images/left/affiche.gif" width="130" border="0" name="Image2_1"></A></TD>
</TR>
<TR>
<TD><A href="../pubInfo/listadmin.aspx" target="panel"><IMG height="19" src="../images/left/admin.gif" width="130" border="0" name="Image2_2"></A></TD>
</TR>
<TR>
<TD><A href="../pubInfo/listfinance.aspx" target="panel"><IMG name="Image2_3" height="19" src="../images/left/finance.gif" width="130" border="0"></A></TD>
</TR>
</table>
</div>
</td>
</tr>
<TR>
<TD><IMG id="IMG2" onmouseover="MM_swapImage('Image27','','../images/left/mm3_a.gif',1)"
onclick="dropdown('down3')" onmouseout="MM_swapImgRestore()" height="29" src="../images/left/mm3.gif"
width="130" border="0" name="Image27"></TD>
</TR>
<tr>
<td>
<div id="down3" style="DISPLAY: none">
<table height="100%" cellSpacing="0" cellPadding="0">
<TR>
<TD><A href="../baseInfo/department.aspx" target="panel"><IMG height="19" src="../images/left/depart.gif" width="130" border="0"></A></TD>
</TR>
</table>
</div>
</td>
</tr>
<TR>
<TD><IMG id="IMG3" onmouseover="MM_swapImage('Image28','','../images/left/mm4_a.gif',1)"
onclick="dropdown('down4')" onmouseout="MM_swapImgRestore()" height="29" src="../images/left/mm4.gif"
width="130" border="0" name="Image28"></TD>
</TR>
<tr>
<td>
<div id="down4" style="DISPLAY: none">
<table height="100%" cellSpacing="0" cellPadding="0">
<TR>
<TD><A href="../source/employee.aspx" target="panel"><IMG height="19" src="../images/left/employee.gif" width="130" border="0"></A></TD>
</TR>
<TR>
<TD><A href="../source/finiancemantainn.aspx" target="panel"><IMG height="19" src="../images/left/leave.gif" width="130" border="0"></A></TD>
</TR>
<TR>
<TD><A href="../source/myfinance.aspx" target="panel"><IMG height="19" src="../images/left/myleave.gif" width="130" border="0"></A></TD>
</TR>
</table>
</div>
</td>
</tr>

请所这页发到我信箱里，[email protected]

调试易

这种界面怎么做？

解决方案 »