logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

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

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： galzw0796 > 《网页设计》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多