网页特效代码
建站首页
|
广告代码
|
源码下载
|
站长学院
|
收藏本站
|
设为首页
|
联系我们
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐
儿歌大全
童谣
生意网址大全
美容
我们是致力收藏最实用的网页特效代码!
您的位置:
网页特效
->
菜单导航
-> 文件夹式的菜单
文件夹式的菜单
作者:文件夹式的菜单 发布时间:2007-12-12 15:13:12 发布人: admin
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>中国建站之家网页特效演示,文件夹式的菜单</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> <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 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">。<br> <br> </td> </tr> </tbody> </table> </td></tr></tbody> <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> <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> <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> <img src="http://web.archive.org/web/20080221010331im_/http://www.alixixi.com/images/face/image21.gif" width="110" height="92" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> <img src="http://web.archive.org/web/20080221010331im_/http://www.alixixi.com/images/face/image21.gif" width="110" height="91" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> </td> </tr> </tbody> </table> </td> </tr></tbody></table> </body> </html> <a href="http://web.archive.org/web/20080221010331/http://myjs.jz123.cn/">欢迎访问中国建站之家网页特效集</a>
文件夹式的菜单
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
不错的下拉菜单网页特效代码
下一篇:文章:
可以拖动的显隐导航菜单
本类浏览排行 »
又一搜索引擎 - 网页特效代码
自动打印页面 - 网页特效代码
自动显示是否更新 - 网页特效代码
浏览器详细报告 - 网页特效代码
按钮发信(五) - 网页特效代码
按钮发信(三) - 网页特效代码
按钮发信(一) - 网页特效代码
计算器(二) - 网页特效代码
本站推荐文章 »
炫彩变色菜单
一个非常漂亮的loading效果网页代码
IE按钮网页特效代码
用js加亮指定的文章内容关键字网页特效代..
一个很酷的登陆效果
动态表格(PowerTable)网页特效代码
CSS 制作的三级菜单特效代码
CSS控制页面展开和关闭