[『网页特效代码*导航菜单类*』]文件夹式的菜单代码 摩羯天使 发布于 2007-01-06 13:26 Tags: 时尚 图片 代码 素材 代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|Linkweb.cn/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> <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> 效果 请打开『网页编辑器-3』 将代码放入“代码”处再点击“预览”看效果
[『网页特效代码*导航菜单类*』]文件夹式的菜单代码 摩羯天使 发布于 2007-01-06 13:26
Tags: 时尚 图片 代码 素材 代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|Linkweb.cn/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> <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> 效果 请打开『网页编辑器-3』 将代码放入“代码”处再点击“预览”看效果
代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|Linkweb.cn/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> <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>
效果
请打开『网页编辑器-3』 将代码放入“代码”处再点击“预览”看效果
首页 『图片素材*综合类*』(32) 『图片素材*节日类*』(48) 『图片素材*花草类*』(3) 『图片素材*风景类*』(4) 『图片素材*人物类*』(31) 『图片素材*动物类*』(1) 『图片素材*Gif动画*』(10) 『图片素材*信纸类*』(15) 『图片素材*横幅类*』(2) 『图片素材*年历、月历、日历*』(2) 『图片特效』(5) 『网页背景*综合类*』(10) 『网页背景*节日类*』(3) 『网页背景*溶图*』(6) 『网页背景*花草类*』(1) 『网页背景*闪底*』(0) 『网页背景*动态类*』(1) 『网页色彩』(2) 『网页特效代码*综合类*』(13) 『网页特效代码*鼠标特效类*』(0) 『网页特效代码*导航菜单类*』(9) 『网页特效代码*图片特效类*』(1) 『特效文字』(7) 『网页播放器』(2) 『图标』(10) 『壁纸』(1) 『花边*蕾丝花边*花纹』(2) 『边框*表格』(34) 『分隔线』(31) 『分隔线*节日类*』(3) 『Flash素材』(28) 『Flash素材*节日类*』(5) 『套装素材』(16) 『Photoshop学习』(1) 『网页制作技巧』(5) 『经典素材站』(4) 『网站欣赏』(3) 『原创音画』(3) 『临时储藏室』(3) 『私密空间』(6) 『其它』(5)
素材阁所有素材资源除署名外均由摩羯天使从网络搜集并整理制作与朋友们分享，如有不慎侵犯作者或公司版权的地方敬请发邮件告之，本人将尽快删除。 （E-mail:yaonana67@126.com）
精美溶图素材(五) 精美溶图素材(四) 精美溶图素材(三) 精美溶图素材(二) 精美溶图素材(一)
『音乐发烧友』 『摩羯天使』 『DAYDREAM』 『卡卡音乐书房』 『席家花园』 『Yupoo相册』 『网页编辑器-1』 『网页编辑器-2』 『网页编辑器-3』 『网页编辑器-4』 『网页编辑器-5』 『日志背景图产生器』 『在线日历』 『在线制作照片贺卡』 『在线处理照片』 『图片滤镜产生器』 『在线图片工具』 『页面效果生成器』 『在线制作相册MV视频』 『最酷的在线相册』 『配色方案-1』 『配色方案-2』 『配色方案-3』 『配色方案-4』 『配色方案-5』 『在线配色』 『中国传统色彩名录』 『滚动条颜色生成器』 『Logo在线制作』 『Logo，Button在线制作』 『3D banner在线制作』 『Flash上传空间』 『IE在线PhotoShop』 『在线生成行走动画』 『论坛动画头像在线制作』 『印章在线制作』 『Html-Js代码互转便利工具』 『PS透明蕾丝素材』 『各种字体生成器』 『在线汉字简体繁体转换』 『英文闪字生成器-1』 『英文闪字生成器-2』 『字体工具』 『闪字生成器』 『洪恩在线有声词典』 『世界地图』 『真题网』 『原版英语』 『在线词典』 『我爱英语网』 『MP3：闭着眼睛背四级单词』 『爱词霸』 『esnips』 『音乐搜索-搜狗』 『音乐搜索-奇虎』 『音乐搜索-SOSO音乐』 『看道音乐网』 『圣经』 『纳米盘』
用户名
密 码
日志总数:370 今日访问:4874 访问总数:1929670 评论总数:272 留言总数:70
日志列表 北方博客 加入收藏
屏幕分辨率设置1024x768像素
[
