点击按钮弹出一个div，再点击按钮或点击其他区域关闭该div，javascript代码如何实现？
4个回答
展开全部
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="none";
}
//为了防止点击div 也关闭div 所以这里要防止冒泡
div.onclick=function()
{
return false;
}
希望对你有所帮助
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="none";
}
//为了防止点击div 也关闭div 所以这里要防止冒泡
div.onclick=function()
{
return false;
}
希望对你有所帮助
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script type="text/javascript">
var arr=null;
function ckThis(){
var createDiv = document.createElement("div");
createDiv.style.left = 300;
createDiv.style.top = 300;
createDiv.style.height = 50;
createDiv.style.width = 50;
createDiv.style.position = 'absolute';
createDiv.style.border = '1px dotted #AAAAFF';
arr = createDiv;
window.document.body.appendChild(arr);
}
function clThis(){
arr.parentNode.removeChild(arr);
};
</script>
</head>
<body>
<input type="button" value="按钮" onclick="ckThis();"/>
<input type="button" value="取消" onclick="clThis();" />
</body>
</html>
直接给你代码了，具体实现什么功能，可以在这个基础上扩展
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
让我来。。
由于百度要的答案不能有网址，不然会被屏蔽的，下面代码src中写下列网址：http：//code@jquery@com/jquery-1.10.2@js
把@换成.
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src=""></script>
</head>
<script>
$(document).ready(function() {
$("#obj").hover(
function(){$(this).css('display', 'block');},
function(){$(this).css('display', 'none');}
);
$(".control").click(function(){
$("#obj").toggle();
})
});
</script>
<body>
<div id="obj" style="background-color:red;border:2px solid #666;height:300px;">其他内容</div>
<div class="control"><input type="button" value="我是按钮么"/></div>
</body>
</html>
由于百度要的答案不能有网址，不然会被屏蔽的，下面代码src中写下列网址：http：//code@jquery@com/jquery-1.10.2@js
把@换成.
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src=""></script>
</head>
<script>
$(document).ready(function() {
$("#obj").hover(
function(){$(this).css('display', 'block');},
function(){$(this).css('display', 'none');}
);
$(".control").click(function(){
$("#obj").toggle();
})
});
</script>
<body>
<div id="obj" style="background-color:red;border:2px solid #666;height:300px;">其他内容</div>
<div class="control"><input type="button" value="我是按钮么"/></div>
</body>
</html>
更多追问追答
追问
试了一下 点击按钮没反应哈 。。
追答
我在所有浏览器测试正确，是不是你的src都替换或没有替换正确
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置style="display:none/block"属性试试
追问
嗯，点击按钮来显示 隐藏实现了 但是点击其他区域也能关闭div要怎么判断呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
