打开APP
未登录
开通VIP,畅享免费电子书等14项超值服
开通VIP
首页
好书
留言交流
下载APP
联系客服
3W交互网 - 按钮导航(导航类)
galzw0796
>《网页设计》
2006.06.23
关注
折叠菜单按钮
将下面代码加在你html文件的<head>与</head>中间:
<SCRIPT LANGUAGE="javascript">
<!--
var bV=parseInt(navigator.appVersion);
var NS4=(document.layers) ? true : false;
var IE4=((document.all)&&(bV>=4))?true:false;
var ver4 = (NS4 || IE4) ? true : false;
function expandIt(){return}
function expandAll(){return}
function nomsg(){self.status="";}
if(ver4){
document.write("<SCR"+"IPT LANGUAGE=\"javascript\" SRC=\"rsmenu.js\"></SCR"+"IPT>");
}
//-->
</SCRIPT>
将下面代码加在你html文件的<body>与</body>中间:
<!---------- begin OUTLINE ----------->
<!--上方全部展开/关闭-->
<A HREF="#" onClick="expandAll(false); return false"><IMG NAME="imEx" SRC="b-3.gif" WIDTH=7 HEIGHT=7 BORDER=0 ALT="展开或关闭全部菜单">展开/关闭全部 </A> <!-- <span style="background: #000FFF; color: black">秨闽┮Τ匡虫</span> -->
<!-- <BLOCKQUOTE> -->
<!--第一级父菜单-->
<DIV ID="elOneParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FF0000; text-decoration:none;" onClick="expandIt(‘elOne‘); return false"><IMG NAME="imEx" SRC="b-1.gif" WIDTH=7 HEIGHT=7 BORDER=0 ALT="展开全部菜单"> 主菜单一
</a></td></tr></table>
</DIV>
<!--第一级子菜单-->
<DIV ID="elOneChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
<A HREF="1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
<A HREF="2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
<A HREF="3.htm" target="data">连接页面3</A><BR>
</td></tr><tr>
<td height="12"> <A HREF="4.htm" target="data">连接页面4</A> </td>
</tr></table>
</DIV>
<!--第二级父菜单-->
<DIV ID="elTwoParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FF0000; text-decoration:none;" onClick="expandIt(‘elTwo‘); return false"><IMG NAME="imEx" SRC="b-2.gif" WIDTH=7 HEIGHT=7 BORDER=0 ALT="展开全部菜单"> 主菜单二
</a></td></tr></table>
</DIV>
<!--第二级子菜单-->
<DIV ID="elTwoChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
<A HREF="1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
<A HREF="2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
<A HREF="3.htm" target="data">连接页面3</A><BR>
</td></tr><tr><td>
<A HREF="4.htm" target="data">连接页面4</A>
</td></tr></table>
</DIV>
<!--第三级父菜单-->
<DIV ID="elThreeParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FF0000; text-decoration:none;" onClick="expandIt(‘elThree‘); return false"><IMG NAME="imEx" SRC="b-4.gif" WIDTH=7 HEIGHT=7 BORDER=0 ALT="展开全部菜单"> 主菜单三
</a></td></tr></table>
</DIV>
<!--第三级子菜单-->
<DIV ID="elThreeChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
<A HREF="1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
<A HREF="2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
<A HREF="3.htm" target="data">连接页面3</A><BR>
</td></tr><tr><td>
<A HREF="4.htm" target="data">连接页面4</A>
</td></tr></table>
</DIV>
<!--第四级父菜单-->
<DIV ID="elFourParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FF0000; text-decoration:none;" onClick="expandIt(‘elFour‘); return false"><IMG NAME="imEx" SRC="b-5.gif" WIDTH=7 HEIGHT=7 BORDER=0 ALT="展开全部菜单"> 主菜单四
</a></td></tr></table>
</DIV>
<!--第四级子菜单-->
<DIV ID="elFourChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
<A HREF="1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
<A HREF="2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
<A HREF="3.htm" target="data">连接页面3</A><BR>
</td></tr><tr><td>
<A HREF="4.htm" target="data">连接页面4</A>
</td></tr></table>
</DIV>
<!--第五级父菜单-->
<DIV ID="elSixParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FF0000; text-decoration:none;" onClick="expandIt(‘elSix‘); return false"><IMG NAME="imEx" SRC="b-6.gif" WIDTH=7 HEIGHT=7 BORDER=0 ALT="展开全部菜单"> 主菜单五
</a></td></tr></table>
</DIV>
<!--第五级子菜单-->
<DIV ID="elSixChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
<A HREF="1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
<A HREF="2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
<A HREF="3.htm" target="data">连接页面3</A><BR>
</td></tr><tr><td>
<A HREF="4.htm" target="data">连接页面4</A>
</td></tr></table>
</DIV>
<!-- </BLOCKQUOTE> -->
<!--下方全部展开/关闭-->
<DIV ID="elExpParent" CLASS=regular> <A HREF="#" onClick="expandAll(true); return false"><IMG NAME="imEx" SRC="b-3.gif" WIDTH=7 HEIGHT=7 BORDER=0 ALT="展开/关闭全部">展开/关闭全部</A> </DIV>
<!---------- end OUTLINE ----------->
说明:将文字、链接换成您需要的即可。
转载请注明出处--3W交互网:
http://www.3www.org
演示地址:
dhtml/js-dh29.htm
下载全部:
dhtml/js-dh29.zip
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报
。
打开APP,阅读全文并永久保存
查看更多类似文章
猜你喜欢
类似文章
【热】
打开小程序,算一算2024你的财运
音画欣赏 水调歌头《思》
博客音画常用代码集锦
欢迎图:请进(可用在博客主页面上)
【制作代码】音画制作代码集
HTML代码学习(二)
音画制作代码集(四)
更多类似文章 >>
生活服务
热点新闻
留言交流
回顶部
联系我们
分享
收藏
点击这里,查看已保存的文章
导长图
关注
一键复制
下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!
联系客服
微信登录中...
请勿关闭此页面
先别划走!
送你5元优惠券,购买VIP限时立减!
5
元
优惠券
优惠券还有
10:00
过期
马上使用
×