怎么在以下代码的div中添加一个关闭按钮，或者说鼠标点击页面的其它地方div自动隐藏
<html>
<meta charset="gbk">
<head>
<script>
var hide=function()
{
var divs=document.getElementsByTagName("div");
for (var i=0;i<divs.length ;i++ )
{
divs[i].style.display="none";
}
}
window.onload=function(){
hide();
var a=document.getElementsByTagName("td");
for(var i = 0; i < a.length; i++)
{
a[i].onclick = function(oEvent)
{
oEvent = oEvent || event;hide();
document.getElementById("div"+this.id).style.display="block";
}
}
}
</script>
</head>
<body>
<table>
<tr>
<td id="1">
<a href="#">弹出层1</a>
</td>
<td id="2">
<a href="#">弹出层2</a>
</td>
<td id="3">
<a href="#">弹出层3</a>
</td>
</tr>
</table>
<div id="div1" style="background:#0F0; width:200px; height:100px;">
<p>层1 </p>
</div>
<div id="div2" style="background:#00F;width:200px; height:100px;">
<p>层2 </p>
</div>
<div id="div3" style="background:#F00;width:200px; height:100px;">
<p>层3 </p>
</div>
</body>
</html>
（一）加入关闭按钮只要再加一个onclick 时间就行了，turnoff（‘ ’）里的参数可以改变。代码如下
<html><meta charset="gbk">
<head>
<script>
var hide=function()
{
var divs=document.getElementsByTagName("div");
for (var i=0;i<divs.length ;i++ )
{
divs[i].style.display="none";
}
}
window.onload=function(){
hide();
var a=document.getElementsByTagName("td");
for(var i = 0; i < a.length; i++)
{
a[i].onclick = function(oEvent)
{
oEvent = oEvent || event;hide();
document.getElementById("div"+this.id).style.display="block";
}
}
}
// 加入关闭操作的函数
function turnoff(obj){
document.getElementById(obj).style.display="none";
}
</script>
</head>
<body>
<table >
<tr>
<td id="1">
<a href="#">弹出层1</a>
</td>
<td id="2">
<a href="#">弹出层2</a>
</td>
<td id="3">
<a href="#">弹出层3</a>
</td>
</tr>
</table>
<div id="div1" style="background:#0F0; width:200px; height:100px;">
<p>层1 </p><a href="#" onclick="turnoff('div1')">点击关闭</a>
</div>
<div id="div2" style="background:#00F;width:200px; height:100px;">
<p>层2 </p><a href="#" onclick="turnoff('div2')">点击关闭</a>
</div>
<div id="div3" style="background:#F00;width:200px; height:100px;">
<p>层3 </p><a href="#" onclick="turnoff('div3')">点击关闭</a>
</div>
</body>
</html>
（二）点击div之外的地方隐藏div，方法多种，但都是通过 js操作到事件源，判断这个事件源的ID是不是在要隐藏的div 即点击事件发生的范围是否在div之外，但前提是事件不能和你前面写的js事件发生冲突。 注册一个document.onclick或者document.onmousedown事件来监控鼠标点击div以外的区域时事件，你给这个div的id属性赋一个页面唯一的值比如<div id="tAnChu" />
代码如下：
document.onclick = function (event){
var e = event || window.event;
var elem = e.srcElement||e.target;
while(elem)
{
if(elem.id == "tAnChu")
{
return;
}
elem = elem.parentNode;
}
//隐藏div的方法
HiddenDiv();
}
上个单一div事例：
<html><head>
<script type='text/javascript'>
window.onload = function(){
document.onclick = function(e){
e = e || window.event;
var dom = e.srcElement|| e.target;
if(dom.id !="tAnChu" && document.getElementById("tAnChu").style.display == "block")
{
document.getElementById("tAnChu").style.display = "none";
}
};
};
function openTanChu(e) {
document.getElementById("tAnChu").style.display = "block";
e = e||window.event;
if(+'\v1') {
e.stopPropagation();
} else {
e.cancelBubble = true;
}
}
</script>
<style>
#tAnChu{
position:fixed;
left:40%;
top:100px;
background-color:#ccc;
width:200px;
height:120px;
display:none;
}
</style>
</head>
<body>
<input type="button" value="打开" onclick="openTanChu(event)" />
<div id="tAnChu">
这是弹出层
</div>
</body>
怎么在以下代码的div中添加一个关闭按钮,或者说鼠标点击页面的其它地方...
（一）加入关闭按钮只要再加一个onclick 时间就行了，turnoff（‘ ’）里的参数可以改变。代码如下 <html><meta charset="gbk"><head><script>var hide=function(){ var divs=document.getElementsByTagName("div"); for (var i=0;i<divs.length ;i++ ) { divs[i].style.disp...
如何在DIV上方悬浮一个关闭按钮
首先，得有个DIV，然后把轮播代码丢到DIV里，然后写个id为a的A标签，标签根据DIV定位到右上角，如果这时候你看到a标签不在广告上面，那你就给a标签设置z-index属性，还不行就给DIV也设上。我不大熟悉这玩意，不过大概是这样的。
html怎么可以用按钮关闭或者隐藏当前div标签,前提是不用javascript。求...
我只能说如果是.net的页面，你可以在服务器端控制，而不用javascript 如果非要按你的要求那就用 vbscript或flash中的as间接控制。真不懂你了。
点击按钮弹出一个div,再点击按钮或点击其他区域关闭该div,javascript代 ...
var 按钮=document...;var div=document...;\/\/点击按钮弹出div 在点击按钮关闭该div 按钮.onclick=function(){ if(div.style.display=="none"){ div.style.display="block";} else { div.style.display="none";} } \/\/点击其他地方关闭div document.onclick=function(){ div.style.display="...
请问图片中页面底部的悬浮窗怎么添加一个关闭按钮?代码是?
这个悬浮窗是一个div层，在这个div里面添加一个按钮或者 <span onclick="CloseDiv('MyDiv')">关闭<\/span>都可以，'MyDiv'就是悬浮窗div的id，js里面写个函数即可 function CloseDiv(div) { document.getElementById(div).style.display = 'none'; };若有不妥，请补充！
帮我给这段js对联图片浮动广告的代码增加关闭按钮
重要的是 onclick="document.getElementById(\\'followDiv1\\').style.display=\\'none\\'" 这个不能少，你想要哪个点击关闭就把这个放到哪个HTML标签里面， 其它的可以根据自己需要修改美化一下 改成 theFloaters.addItem('followDiv1','document.body.clientWidth-106',80,'<div style="text-align:...
关闭弹出DIV层的代码
你的div有没有和其他控件绑定在一起呢？比如当一个文本框得到焦点的时候div才会显示，如果那样的话 在和div绑定的控件的失去焦点事件里写 隐藏div的代码 引用楼上 function close(){ var div = document.getElementById("div");div.style.display ="none";} 然后在那个div中加 onblur="close()"...
...用div弹出一个确认页面,点击确定跳到另外一个页面,取消则div隐藏
title.title = "点击关闭";title.innerHTML="<table border='0′ width='100%'><tr><td align='left'><b>"+ strTitle +"<\/b><\/td><td>关闭<\/td><\/tr><\/table><\/div>";title.onclick=function(){ document.body.removeChild(bgObj);document.getElementById("msgDiv").removeChild(...
网站悬浮广告图片代码怎么增加个关闭按钮
广告图作为背景，给div，然后在div内放个img图片当做关闭按钮。var count;function move() { $('apDiv').style.top=document.documentElement.scrollTop+parseInt(count); } function getCount() { count=$('apDiv').currentStyle.top;} function close0() { $('apDiv'...
bootstrap nav-tabs添加关闭按钮,并实现点击关闭按钮实现tabs和页面的清...
class="tab-pane active" id="closetab">this is closetab<\/div> <\/div> <\/div> 上面的html代码中，显示的导航组件有4个tab页，其中最后一个tab页的标签的右边有一个 x 的关闭按钮。下面我们要实现就是当点击x关闭按钮时，可以把这个带关闭按钮的tab隐藏掉，并显示最近一次显示的tab页。
