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

点击按钮弹出一个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="none";
}

//为了防止点击div 也关闭div 所以这里要防空槐止冒泡
div.onclick=function()
{
return false;
}

希望对你有所帮孙派助



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



    


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


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




test






其他内容




设置style="display:none/block"属性试试
← 上一篇: 下一篇: →