JavaScript仿QQ折叠菜单效果，代码免费送上

发布时间：2018-08-19 12:10:54 所属栏目：政策来源：站长网

导读：Java Script仿QQ折叠菜单效果，不必解释太多，大家肯定想到是什么样子了，只不过网页的JS和CSS的结合及作者的水平是限的，只能实现一个早期版本的QQ折叠菜单，同时效果不是太好，大家凑合看吧。当然，这对于新手是一个不错的学习机会。效果演示： !DOCTYP

　　JavaScript仿QQ折叠菜单效果，不必解释太多，大家肯定想到是什么样子了，只不过网页的JS和CSS的结合及作者的水平是限的，只能实现一个早期版本的QQ折叠菜单，同时效果不是太好，大家凑合看吧。当然，这对于新手是一个不错的学习机会。

　　效果演示：

<!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 id="Layer1"> <table height="100%" width="100%" border=0 cellpadding=0 cellspacing=0> <tr><td width="144"><div 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 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><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：广州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!