论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Javascript教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

用JAVASCRIPT实现折叠菜单效果

文章类别:Javascript | 发表日期:2009-11-11 10:24:56

以下是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>

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

上一篇:JavaScript文件传递参数 人气:2128
下一篇:Javascript制作动态伸缩菜单 人气:2799
视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058