中华网通行证
用户名 密码
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  

元素的显示和隐蔽

这一节我们将要告诉大家如何显示和隐蔽一个 layer. (你还记得什么是layer吗?)

Netscape 中的显示和隐蔽

在 Netscape 中显示一个元素: 

  document.divName.visibility = "show"

隐蔽一个元素: 

  document.divName.visibility = "hide"

请记住 divName 是你给在你网页中的一个 DIV tag 名字!

Internet Explorer 中的显示和隐蔽

在 Internet Explorer 中显示一个元素: 

  divName.style.visibility = "visible"

隐蔽一个元素: 

  divName.style.visibility = "hidden"

通用的显示和隐蔽

下面的子程序可以让你在不同的浏览器中使用显示和隐蔽的功能 

  function showObject(obj) {
	if (ns4) obj.visibility = "show"
	else if (ie4) obj.visibility = "visible"
  }

  function hideObject(obj) {
	if (ns4) obj.visibility = "hide"
	else if (ie4) obj.visibility = "hidden"
  }

这两个子程序都用了我们上一节介绍的指针变量. 也就是说这里的 obj 由下面的语句来决定的. 你如果需要复习一下的话, 回到上一课 

 
  function ini() {
    if (ns4) objectName = document.blockDiv
    if (ie4) objectName = blockDiv.style
  }

有了以上两个子程序, 以后当我们要显示或隐蔽元素的时候, 只要: 

  showObject(objectName)

或 

  hideObject(objectName)

这里的 objectName 就是你的指针变量, 它指向所指的 DIV tag.

请看下面一个完整的网页 

<HTML>
<HEAD>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
    ns4 = (document.layers)? true:false
    ie4 = (document.all)? true:false

    function init() {
      if (ns4) block = document.blockDiv
      if (ie4) block = blockDiv.style
    }

    function showObject(obj) {
	if (ns4) obj.visibility = "show"
	else if (ie4) obj.visibility = "visible"
    }

    function hideObject(obj) {
	if (ns4) obj.visibility = "hide"
	else if (ie4) obj.visibility = "hidden"
    }
  //-->
  </SCRIPT>
</HEAD>

<BODY onLoad="init()">

  <A HREF="javascript:showObject(block)">显示 show</A> -
  <A HREF="javascript:hideObject(block)">隐蔽 hide</A> -

  <DIV ID="blockDiv" 
	STYLE="position:absolute; left:50; top:100; 
	width:200; visibility:visible;">
  <IMG SRC="../photo2/bj05.jpg" BORDER=0>
  </DIV>

</BODY>
</HTML>

点这里 看上面的例子

为了使得你理解这个程序, 我们再解释一次上面这个网页

  1. 我们定义了一个 DIV tag. 它的名字是 blockDiv
  2. 在子程序 int() 中我们根据浏览器种类用指针变量 block 指向 这个 DIV
  3. 这个 int() 子程序应该在 <BODY> 里启动
  4. 以后我们就直接采用指针变量 block 来控制这个 DIV 了.
  5. 由于 Netscape 和 Internet Explore 的显示和隐蔽用不同的值, 我们写了子程序 ShowObject(obj) 和 HideObject(obj) 来显示和 隐蔽. 这里的 obj 就是指针变量
  6. 在连接里, 我们启动这两个程序来显示和隐蔽由 block 所指的 DIV
　　《DHTML Builder》 Jie/文

 
　　
﹣相关报道




本站检索


与 或

中华网推荐

·国家级治脑病新药思维源
·中藏药治疗脑病新突破
·治类风湿，强直性脊柱炎
·养肾·痛风·长寿
·肝病泌尿脑萎缩新药介绍
·强直性脊柱炎康复乐园
·让中医辩证不孕不育
·国医治股骨头坏死一绝
·乙肝为何久治不愈？
·二千元垄断批发做老板
·中医中药专治前列腺
·治牛皮癣白癜风已成现实
·专治痛风病的白衣天使
·不孕不育的杏林奇葩
·专卖店零售管理系统




   
网络教室编辑信箱