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

2024-12-24 22:08:02
推荐回答(4个)
回答1:

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

希望对你有所帮助

回答2:




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);
};



    


直接给你代码了,具体实现什么功能,可以在这个基础上扩展

回答3:

让我来。。
由于百度要的答案不能有网址,不然会被屏蔽的,下面代码src中写下列网址:http://code@jquery@com/jquery-1.10.2@js
把@换成.




test






其他内容



回答4:

设置style="display:none/block"属性试试