设为首页
加入收藏
用户登陆
特效首页
素材首页
网页特效
特效推荐
设计欣赏
英文字体
中文字体
学习论坛
站 内 搜 索
热门关键字：
表格
超链接
漂浮
跟随
旋转
闪烁
日期
艺术字
滚动
点击
关联菜单
弹出
随机
网页特效分类
鼠标特效
页面特效
背景特效
导航菜单
状态栏类
文本特效
链接特效
图形特效
窗口特效
按钮特效
时间日期
系统相关
计数转换
游戏娱乐
黑客性质
代码生成
综合特效
CSS相关
网页特效分类
>>
导航菜单
文件夹式的菜单
[ 发布者：肥鱼 | 来源：网上整理 | 时间：2005-11-20 | 浏览： 人次 ]
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|JcwCn.Com/Js|---文件夹式的菜单</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> d=bottom_style_2></DIV> <DIV id=bottom_style_3></DIV> <DIV class=bottom_style_5> CopyRight © 2006 <A class=dtlTxt href="http://www.jcwcn.com" tppabs="http://sc.jcwcn.com/tx/" target=_blank>JcwCn.Com</A> All Rights Reserved <BR> 网页特效代码 | SC v2.0 Designed By JcwCn 有任何问题请与 <a class=dtlTxt href="mailto:jcwcnmail@gmail.com">站长联系</a> </DIV> <!--END: 页脚 --> </body> </html>
