用javascript如何实现对一个DIV层控制其出现与关闭？
用javascript如何实现对一个DIV层来控制其出现和关闭呢？效果是点一下层出现，文字连接变成"出现"；再点一下层关闭，文字连接变成"打开"。...
用javascript如何实现对一个DIV层来控制其出现和关闭呢？效果是点一下层出现，文字连接变成"出现"；再点一下层关闭，文字连接变成"打开"。
展开
2个回答
展开全部
<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>
状态是<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
