你的位置: php爱好者 >>
首页
>>
网页特效
>>
导航菜单
>> 浏览特效
文件夹式的菜单
日期:
04-12
点击:
作者:
本站整理
来源:
互联网
提示：您可以先修改部分代码再运行
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>php爱好者_网页特效|www.phpfans.net|---文件夹式的菜单</title> <STYLE type=text/css>.sec1 { BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #FF99CC } .sec2 { BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #FFE1F5 } .main_tab { BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #FFE1F5 } </STYLE> <!--JavaScript部分--> <SCRIPT language=javascript> function secBoard(n) { for(i=0;i<secTable.cells.length;i++) secTable.cells[i].className="sec1"; secTable.cells[n].className="sec2"; for(i=0;i<mainTable.tBodies.length;i++) mainTable.tBodies[i].style.display="none"; mainTable.tBodies[n].style.display="block"; } </SCRIPT> </head> <body> <TABLE id=secTable cellSpacing=0 cellPadding=0 width=300 border=0 class="css3"> <TBODY> <TR align=middle height=20> <TD class=sec2 onclick=secBoard(0) width="10%">关于本站</TD> <TD class=sec1 onclick=secBoard(1) width="10%">返回首页</TD> <TD class=sec1 onclick=secBoard(2) width="10%">返回目录</TD> <TD class=sec1 onclick=secBoard(3) width="10%">赏心悦目</TD> </TR></TBODY></TABLE> <TABLE class=main_tab id=mainTable height=180 cellSpacing=0 cellPadding=0 width=300 border=0> <!--关于TBODY标记--> <TBODY style="DISPLAY: block"> <TR> <TD vAlign=top align=middle><BR><BR> <TABLE cellSpacing=0 cellPadding=0 width=291 border=0> <TBODY> <TR> <TD class="css3">本网站是为广大的网页设计者服务的网站。网站收集了大量的网页素材、JSP编程、图形特效、JavaST特效和网页制作工具的使用方法。 另外，网站还收集了一些精美的图片和音乐供你欣赏<font size="2"><font color="#000000">。</font></font><BR> <BR> </TD> </TR> </TBODY> </TABLE> </TD></TR></TBODY><!--关于cells集合--> <TBODY style="DISPLAY: none"> <TR> <TD vAlign=top align=middle><BR><BR> <TABLE cellSpacing=0 cellPadding=0 width=291 border=0> <TBODY> <TR> <TD class="css3"> <p>去首页看看微风吹拂，竹叶轻摇的特效。</p> <p><a href="#">返回首页</a><BR> <BR> </p> </TD> </TR> </TBODY> </TABLE> </TD></TR></TBODY><!--关于tBodies集合--> <TBODY style="DISPLAY: none"> <TR> <TD vAlign=top align=middle><BR><BR> <TABLE cellSpacing=0 cellPadding=0 width=291 border=0> <TBODY> <TR> <TD class="css3"> <p>本页从上千个网页特效中精选了300多个实用的网页特效。对每个特效我们都做了严格的测试，相信一定能对你的网页制作起到一定作用。</p> <p><a href="#">返回目录</a><BR> <BR> </p> </TD> </TR> </TBODY> </TABLE> </TD></TR></TBODY><!--关于display属性--> <TBODY style="DISPLAY: none"> <TR> <TD vAlign=top align=middle><BR><BR> <table cellspacing=0 cellpadding=0 width=291 border=0> <tbody> <tr> <td class="css3">你浏览本网站辛苦了，休息一会，去到本站的赏心悦目找个美眉让她看看你。<a href="#">赏心悦目</a><br> <img src="http://linkweb.cn/Js/JsCode/images/k0212.gif" width="110" height="92"> <img src="http://linkweb.cn/Js/JsCode/images/k0212.gif" width="110" height="91"> </td> </tr> </tbody> </table> </TD> </TR></TBODY></TABLE> </body> </html>
提示：您可以先修改部分代码再运行
↑返回顶部
打印本页
关闭窗口↓