这一节我们将要告诉大家如何显示和隐蔽一个 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>
| |
点这里 看上面的例子
为了使得你理解这个程序, 我们再解释一次上面这个网页
- 我们定义了一个 DIV tag. 它的名字是 blockDiv
- 在子程序 int() 中我们根据浏览器种类用指针变量 block 指向
这个 DIV
- 这个 int() 子程序应该在 <BODY> 里启动
- 以后我们就直接采用指针变量 block 来控制这个 DIV 了.
- 由于 Netscape 和 Internet Explore 的显示和隐蔽用不同的值,
我们写了子程序
ShowObject(obj) 和 HideObject(obj) 来显示和
隐蔽. 这里的 obj 就是指针变量
- 在连接里, 我们启动这两个程序来显示和隐蔽由 block 所指的 DIV
|