爲了回顧上次所作項目的經歷,這次把其中層和表的結合應用那塊內容的改進版本1的內容上傳做個紀念.
由於時間緊,上次加過的部分代碼沒有加,所以可能存在這樣那樣的問題.我會在下一個應用(三)版全一點.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="vxccx.aspx.cs" Inherits="vxccx" %><!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 runat="server"> <title>Untitled Page</title></head><script language="javascript">function showsubmenu(sid)
{
whichEl = eval("document.getElementById('"+"submenu" + sid+"')"); imgmenu = eval("document.getElementById('"+"imgmenu" + sid+"')"); var newsTD=document.getElementsByTagName("td"); var obj=whichEl; if(obj.style.display=="none")
{
for(i=2;i<newsTD.length;i++) { if(newsTD[i].id.indexOf("submenu")!=-1) { if (newsTD[i].style.display!="none") { newsTD[i].style.display = "none";
} } } obj.style.display=""; } else if(obj.style.display!="none") { obj.style.display="none"; }
}</script><body> <form id="form1" runat="server"> <div> <table width="158" border="0" align="center" cellPadding="0" cellSpacing="0" bgcolor="#ffffff"> <tbody> <tr> <td height="25" id="imgmenu0" style="CURSOR: pointer; width: 159px;" onclick="showsubmenu(0)"> <SPAN>歡迎使用</SPAN> </td> </tr> <tr> <td id="submenu0" style="width: 159px"> <DIV align="center"> <table width="90%" cellPadding="0" cellSpacing="3"> <tbody> <tr> <td><A href="#" >aa</A></td> </tr> <tr> <td><A href="#" >bb</A></td> </tr> <tr> <td><A href="#" >cc</A></td> </tr> <tr> <td><A href="#" >dd</A></td> </tr> <tr> <td><A href="#" >ee</A></td> </tr> <tr> <td><A href="#" >ff</A></td> </tr> </tbody> </table> </DIV> </td> </tr> </tbody></table> </div><div> <table width="158" border="0" align="center" cellPadding="0" cellSpacing="0" bgcolor="#ffffff"> <tbody> <tr> <td height="25" id="imgmenu1" style="CURSOR: pointer; width: 159px;" onclick="showsubmenu(1)"> <SPAN>歡迎光臨</SPAN> </td> </tr> <tr> <td id="submenu1" style="width: 159px"> <DIV align="center"> <table width="90%" cellPadding="0" cellSpacing="3"> <tbody> <tr> <td><A href="#" >11</A></td> </tr> <tr> <td><A href="#" >22</A></td> </tr> <tr> <td><A href="#" >33</A></td> </tr> <tr> <td><A href="#" >44</A></td> </tr> <tr> <td><A href="#" >55</A></td> </tr> <tr> <td><A href="#" >ff</A></td> </tr> </tbody> </table> </DIV> </td> </tr> </tbody></table> </div> </form></body></html>