JS技术

用JAVASCRIPT实现折叠菜单效果_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-10-02 11:00 我要评论( )

用JAVASCRIPT实现折叠菜单效果,学习用JAVASCRIPT实现折叠菜单效果,用JAVASCRIPT实现折叠菜单效果,查看用JAVASCRIPT实现折叠菜单效果,以下是JAVASCRIPT内容:scri

以下是JAVASCRIPT内容:

<script language="JavaScript" type="text/JavaScript">
function menu_tree(meval)
{
var left_n=eval(meval);
if (left_n.style.display=='none')
{ eval(meval+".style.display='';"); }
else
{ eval(meval+".style.display='none';"); }
}
</script>

调用SCRIPT的方法:

<!--    菜单 1 开始状态为打开   -->

<TABLE class=Menu cellSpacing=0 align=center>
<TBODY>
<TR>
    <TH onClick="javascript:menu_tree('left_1');" align=middle>≡ 登录信息 ≡</TH>
</TR>

<TR id=left_1>
    <TD>
      <TABLE width="100%">
        <TBODY>
        <TR>
          <TD>当前登录用户</TD>
   </TR>
        <TR>
          <TD>退出登录</TD>
        </TR>
        <TR>
          <TD>修改密码
    </TD>
   </TR>
   </TBODY>
   </TABLE>
     </TD>
</TR>
</TBODY>
</TABLE>

<!--    菜单 2 开始状态关闭(不展开) (<tr id=left=2 style="DISPLAY:none") -->

<TABLE class=Menu cellSpacing=0 align=center>
<TBODY>
<TR>
    <TH onClick="javascript:menu_tree('left_2');" align=middle>≡ 其它信息 ≡</TH>
</TR>

<TR id=left_2 style="DISPLAY: none">
    <TD>
      <TABLE width="100%">
        <TBODY>
        <TR>
          <TD>其它信息</TD>
   </TR>
        <TR>
          <TD>其它信息</TD>
        </TR>
        <TR>
          <TD>其它信息
    </TD>
   </TR>
   </TBODY>
   </TABLE>
     </TD>
</TR>
</TBODY>
</TABLE>

这样就可以实现折叠菜单的效果了。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 用JavaScrpt实现文件夹轻松加密_javascript教程教程

    用JavaScrpt实现文件夹轻松加密_javascript教程教程

    2015-10-09 12:12

  • 用javascript实现随机跳转页面_javascript教程教程

    用javascript实现随机跳转页面_javascript教程教程

    2015-10-03 18:06

  • 用javascript来实现动画导航_Javascript教程

    用javascript来实现动画导航_Javascript教程

    2015-09-26 14:00

网友点评