- 5/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
另类的折叠/展开菜单，基于CSS+JS实现，相信你以前肯定见到过，还不错吧？本人比较喜欢的一种殊效。本代码不但实现了这种功能，而且代码扩展性很好，你可以无穷制添加折叠/展开单元，不受任何限制。
<!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> <title>另类的折叠菜单</title> <meta http-equiv="mrc-type" mrc="text/html;charset=gb2312"> <script language="javascript"> function menu(x,y){ for(var i=0;i<x.length;i++){ if(x[i].style.display==''){ x[i].style.display='none'; y.src='http://p1.mb5u.com/texiao/d_jia.gif'; }else{ x[i].style.display=''; y.src='http://p1.mb5u.com/texiao/d_jian.gif'; } } } </script> </head> <body> <table width="230" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"><span class="dabiaoti">模板无忧</span><br> </td> </tr> </table> <table> <tr> <td vAlign="top" width="15"></td> <td width="106"> <table width="739" border="0" align="center" cellPadding="0" cellSpacing="0"> <tr> <td height="31" colspan="2"><img src="http://p1.mb5u.com/texiao/d_jia.gif" width="12" height="12" class="title" name="icon1" id="icon1" onclick="menu(menu1,icon1)" style="cursor:pointer">ASP源代码</td> </tr> <tr id="menu1" style="display:none"> <td width="20" height="30" align="center"> </td> <td class="main_left"><a href="/" id="lianjie">模板无忧精选的ASP源代码，经过测试，放心下载。</a></td> </tr> <tr id="menu1" style="display:none"> <td height="1" align="center"></td> <td height="1"></td> </tr> </table> </td> </tr> <tr> <td vAlign="top" width="15"></td> <td width="106"> <table width="739" border="0" align="center" cellPadding="0" cellSpacing="0"> <tr> <td height="31" colspan="2"><img src="http://p1.mb5u.com/texiao/d_jia.gif" width="12" height="12" class="title" name="icon2" id="icon2" onclick="menu(menu2,icon2)" style="cursor:pointer">PHP源代码</td> </tr> <tr id="menu2" style="display:none"> <td width="20" height="30" align="center"> </td> <td class="main_left"><a href="http://mb5u.com" id="lianjie">PHP源代码，欢迎来到mb5u.com</a></td> </tr> <tr id="menu2" style="display:none"> <td height="1" align="center"></td> <td height="1"></td> </tr> </table> </td> </tr> </table> </body> </html>