上海托班一个月多少钱:用javascript如何实现对一个DIV层控制其出现与关闭?

来源:百度文库 编辑:杭州交通信息网 时间:2024/05/09 18:00:39
用javascript如何实现对一个DIV层来控制其出现和关闭呢?效果是点一下层出现,文字连接变成"出现";再点一下层关闭,文字连接变成"打开"。

<div id="divname" style='visibility:visible;'>层的内容 </div>

状态是<span id=t1>显示中</span>

<a href=# onclick="document.all['divname'].style.visibility='hidden';t1.innerText='隐藏中';">隐藏</a>

<a href=# onclick="document.all['divname'].style.visibility='visible'; t1.innerText='显示中';">显示</a>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language=javascript>
function setshow(ff){
if(ff=='show')visible='visible';
if(ff=='hide')visible='hidden';
var theObj=document.all.boysoft
if(theObj)theObj.style.visibility=visible;
}
</script>
</head>

<body>
<a href="javascript:setshow('show')"><font color="#0000FF">打开隐藏层</font></a>
<div id=boysoft style="HEIGHT: 80px; LEFT: 309px; POSITION: absolute; TOP: 150px; VISIBILITY: hidden; WIDTH: 180px; Z-INDEX: 1">
<font color=#ffffff>这是一个隐藏的层,但是现在你可以看到了。这也是一个容器;</font><br>
<a href="javascript:setshow('hide')">隐藏此层!</a>
</div>
</body>
</html>