类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

该问题可能描述不清,建议你重新提问

点击按钮弹出一个div,再点击按钮或点击其他区域关闭该div,javascript代码如何实现? 20

我有更好的答案
推荐于2016-03-06 10:31:52 最佳答案
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;
}

希望所帮助

逍遥狂儒

采纳率:58% 擅长: JavaScript Html/Css

其他回答

<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>

直接给代码具体实现功能基础扩展

modao1221 | 发布于2013-08-02 09:41
评论
让我来。。
由于百度要的答案不能有网址,不然会被屏蔽的,下面代码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都替换或没有替换正确
追问
嗯  是有用 不过div展开后 鼠标移开后就自动关闭了  呵呵
幸运LOST | 发布于2013-08-02 09:00
评论
设置style="display:none/block"属性试试
追问
嗯,点击按钮来显示 隐藏实现了  但是点击其他区域也能关闭div要怎么判断呢?
martinmiaoting | 发布于2013-08-02 08:42
评论
收起 其他1条回答

为您推荐: