div效果：弹出div，不能进行复制和…-优快云博客

本文链接：https://blog.youkuaiyun.com/newnessayuan/article/details/8560224

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

#topdiv{ position:absolute; width:400px; height:150px;top:20%;left:50%; border:1px solid #3568B5; margin-left:-200px; display:none; z-index:100; padding:2px; background-color:#FFFFFF}

#topdiv h3{ position:relative;margin-top:25px; font-size:15px; padding-left:10px; background-color:#3568B5;line-height:25px;}

#topdiv h3 a{ position:absolute;color:#FFFFFF;text-decoration : none;right:5px;}

#topdiv div{ font-size:20px; padding-left:40px; padding-top:10px;}

#bigDiv{ display:none;z-index:99; background-color:#e3e3e3; position:absolute; left:0; top:0; width:100%; height:100%; orphans:0.3;filter: alpha(opacity=50);-moz-opacity:0.5}

</style>

function funDiv(a){

var tdiv = document.getElementByIdx_x("topdiv");

var bdiv = document.getElementByIdx_x("bigDiv")

if(a==1){

tdiv.style.display="block";

bdiv.style.display="block";

}else{

tdiv.style.display="none";

bdiv.style.display="none";

}

</script>