QQ折疊菜單，JavaScript版代碼

2024-09-05 12:20:43

字體：大中小

來源：轉載

供稿：網友

QQ折疊菜單，JavaScript網頁版，仿OUTLOOK菜單，相當牛，見識一下。

<!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>QQ折疊菜單</title><style>.outlook-title{    border:1px outset;        background-color:buttonface;    color:black;    text-align:center;    cursor:hand;    font-size:9pt;}.outlook-item{    padding:2px;    font-size:9pt;}a.outlook-item:hover{    color:blue;}</style><script language="JavaScript" type="text/JavaScript"></script></head><body>    <form id="form1" runat="server">    <div> <div   class="70qarhlowxag"   id="Layer1"><table height="100%" width="100%" border=0 cellpadding=0 cellspacing=0>    <tr><td width="144"><div   class="70qarhlowxag"   id="Div1">      <table style="WIDTH: 140px; HEIGHT: 100%" cellspacing=0 cellpadding=0 bgcolor=#aca899 border=1 hspace="0" vspace="0">        <tr>          <td id=outLookBarShow style="HEIGHT: 100%"  align=middle name="outLookBarShow">            <div   class="70qarhlowxag"   id="o1" style="height:100%;"></div></td>        </tr>      </table>    </div>        </td>    <td width="828" height="600"><iframe id="frm" name="frm" width="100%" height="100%" frameborder=0></iframe></td></tr></table></div>        <SCRIPT LANGUAGE="JavaScript"></SCRIPT></div></form></body></html>

上一篇：jQuery 連綴寫法折疊菜單代碼

下一篇：仿Google首頁特效的動感導航菜單