联系站长 加入收藏 设为首页 繁體中文 RSS
  首页 | 生活百科 | 电脑网络 | 高手学堂 | 语录名言 | 读书文学 | 极品软件 | 奇趣图片 | 站长微博  
 您的位置: 精品百字节网 >> 电脑网络 >> 网络编程 >> 精品代码 >> 正文 当前没有通告!
   □  展开与收缩菜单的制作的代码分析    4星级
展开与收缩菜单的制作的代码分析
[ 作者:明主天下     来源:本站原创     点击数:     更新时间:2008-01-12     文章录入:Admin
【字体:
[内容提要]
暂无简介

展开与收缩菜单的制作
<script language=javascript1.2>
<!--
function DomenuShowList(id)
{
whichEl = eval("domenu"+id);
//下面代码的含义是把所有的组件的style.display=none,全部收缩--------------------------------
num=1;
while (num<=3)
//此处数字3是下面DomenuShowList(3)中的最大值

 eval("domenu"+num+".style.display=\"none\";");
 num++;
}
//-----------------------------------------------------------------------------------------------------------
//下面代码的含义是把当前单击的组件的style.display=""  如果是收缩,就展开
if (whichEl.style.display == "none")
{eval("domenu"+id+".style.display=\"\";");}
else
{eval("domenu"+id+".style.display=\"none\";");
}
}
//-->
</script>
<TABLE width="52" border=0 align="center" cellPadding=0 cellSpacing=0>
<TR>
              <TD height="26" align="center" background="table.gif" onclick=DomenuShowList(1)><A href="#">课件展示</A></TD>
            </TR>
            <TR id=domenu1 style="DISPLAY: none">
              <TD><TABLE width="52" border=0 align="center" cellPadding=0 cellSpacing=0>
                  <TBODY>
                    <TR>
                      <TD align=middle width=11 height=22>&nbsp;</TD>
                      <TD width=32><A 
            href="kj1.htm" target=f>课件1</A></TD>
                    </TR>
                    <TR>
                      <TD align=middle height=22>&nbsp;</TD>
                      <TD><A 
            href="kj2.htm" target="f">课件2</A></TD>
                    </TR>
                  </TBODY>
              </TABLE></TD>
            </TR>
  </TABLE>

背景知识:
 
1.
if (xxxxxx){
document.all.tmkh_net.style.display = ""; //显示
}
else{
document.all.tmkh_net.style.display = "none"; //不显示
}
2.关于CSS属性display:none和visible:hidden的区别

display:none和visible:hidden都是把网页上某个元素隐藏起来的功能,但两者有所区别,使用visible:hidden属性会使对象不可见,但该对象在网页所占的空间没有改变(看不见但摸得到),等于留出了一块空白区域,而display:none属性会使这个对象彻底消失(看不见也摸不到)

上一篇文章:JS制作的定时关闭窗口 下一篇文章:加入收藏的javascript代码
发表评论 □告诉好友 □打印此文 □收藏此页 □关闭窗口 □返回顶部
 最新热点文章
 精品医院类网站网址大收集
 如何删除windows 2003或xp系统隐藏的...
 DedeCms管理员后台登陆经常自动退出的...
 知道IP如何用dos命令查出电脑名称
 WORD出错老是要求以安全模式打开文件...
 如何设置首页不显示页眉页脚?
 如何利用inurl命令查询网站外链及栏目...
 
 最新推荐文章
 精品医院类网站网址大收集
 如何利用宽带路由器控制局域网内电脑上...
 CSS圆角代码的实现方法
 带停顿的单行文字滚动代码
 实用的新网站免费收录提交地址精选
 Left join , Right Join, Inner Join用...
 趣话淘宝网衍生的多种新型职业
 
 最新图文
  ◇  网友评论:(只显示最新5条。评论内容只代表网友观点,与本站立场无关!)
关于本站 | 免责申明 | 网站地图 | 联系站长 | 友情链接 | 与我同在
冀ICP备06032589号【虚拟化精英群虚拟化精英群续
  Copyright© 2006-2009 100byte.Com All Rights Reserved
网站声明:本网站是公益性质网站,部分内容来源于网络,如有侵犯您权利的地方,请与精品百字节站长联系,尽快修正.
Powered By CreateLive CMS 本站法律顾问:(冀港)武镇海律师
点击这里给我发消息