QQ菜单（DIV+JS可展开、折叠）

2024-09-05 12:19:21

字体：大中小

来源：转载

供稿：网友

DIV+JS类QQ菜单，可展开折叠，小巧灵活，代码修改方便，菜单采用LI列表，用CSS可以统一去控制，有兴趣的可以再完善一下。

<html><head><title>QQ菜单</title><style>td { cursor: hand; font-family: Tahoma; background-color: #0066cc; color: #fff; font-size: 9pt; }li { color: #FF0000; font-family: Tahoma; background-color: skyblue; font-size: 9pt;}.up{ background-color: #3A6EA5; border: 1 solid #fff; }</style><script>function show(c_Str){if(document.all(c_Str).style.display=='none'){document.all(c_Str).style.display='block';}else{document.all(c_Str).style.display='none';}}function high(){if (event.srcElement.className=="k"){event.srcElement.style.background="336699"event.srcElement.style.color="white"}}function low(){if (event.srcElement.className=="k"){event.srcElement.style.background="99CCFF"event.srcElement.style.color=""}}</script></head><body topmargin="0" leftmargin="5"><div align="left">  <table border="0" width="98" cellspacing="0" cellpadding="0">    <tr>      <td><div class=up onclick=show("a0")>ASP代码</div><div onmouseover=high() onmouseout=low()  id=a0 style="display:none"><li>菜单导航</li><li>层和布局</li><li>背景特效</li><li>图片特效</li><li>浏览器相关</li><li>广告代码</li></div></td>    </tr>    <tr>      <td><div class=up onclick=show("a1")>PHP源码</div><div onmouseover=high() onmouseout=low()  id=a1 style="display:none"><li>日期时间</li><li>文本特效</li><li>表格相关</li><li>表单及按钮</li><li>计算转换</li><li>游戏娱乐</li></div></td>    </tr>  </table></div></body></html>

上一篇：JS折叠菜单

下一篇：CSS导航菜单

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注