php js 点击文字超链接出现一个窗口点击关闭仍然在当页

php我做了一个显示标题的页面，想点击标题就出现一个窗口(就像好多网站上点击小图片出现一个大图片窗口)显示对应内容点击关闭窗口关闭，仍然在当页... php 我做了一个显示标题的页面，想点击标题就出现一个窗口(就像好多网站上点击小图片出现一个大图片窗口)显示对应内容点击关闭窗口关闭，仍然在当页展开

 我来答

1个回答

#热议# 空调使用不当可能引发哪些疾病？

匿名用户
2013-08-24

展开全部

<script type="text/javascript">
 var docEle = function()
  {
  
return document.getElementById(arguments[0]) || false;
 }
  
function openNewDiv(_id)
  {
  
var m = "mask";
  
if (docEle(_id)) document.body.removeChild(docEle(_id));
  
if (docEle(m)) document.body.removeChild(docEle(m));
  
    //新弹出层
  
    var newDiv = document.createElement("div");
  
newDiv.id = _id;
  
newDiv.style.position = "absolute";
  
newDiv.style.zIndex = "9999";
  
newDivWidth = 400;
  
newDivHeight = 200;
  
newDiv.style.width = newDivWidth + "px";
  
newDiv.style.height = newDivHeight + "px";
  
newDiv.style.top = (document.body.scrollTop + document.body.clientHeight/2 - newDivHeight/2) + "px";
  
newDiv.style.left = (document.body.scrollLeft + document.body.clientWidth/2 - newDivWidth/2) + "px";
  
newDiv.style.background = "#EFEFEF";
  
newDiv.style.border = "1px solid #860001";
  
newDiv.style.padding = "5px";
  
newDiv.innerHTML ="<div> ~恭喜成功~</div>";  <!--此处放你要弹出的效果，加图片的话除去阴暗效果代码-->
  
document.body.appendChild(newDiv);

//弹出层滚动居中
  
    function newDivCenter()
  
{ 
  
   newDiv.style.top = (document.body.scrollTop + document.body.clientHeight/2 - newDivHeight/2) + "px";
  
    newDiv.style.left = (document.body.scrollLeft + document.body.clientWidth/2 - newDivWidth/2) + "px";
  
} 
    if(document.all)
  
{ 
  
   window.attachEvent("onscroll",newDivCenter);
  
} 
    else
  
{ 
  
   window.addEventListener('scroll',newDivCenter,false);
  
} 

//关闭新图层和mask遮罩层
  
    var newA = document.createElement("a");
  
newA.href = "#";
  
newA.innerHTML = "<input type='button' value='关闭'>";
  
newA.onclick = function()
  
 {
  
    if(document.all)
  
    {

window.detachEvent("onscroll",newDivCenter);
  
    }
  
    else
  
    {

window.removeEventListener('scroll',newDivCenter,false);
  
    }
  
    document.body.removeChild(docEle(_id));
  
    document.body.removeChild(docEle(m));
  
    return false;
  
} 
    newDiv.appendChild(newA);
 }
  
    </script>
 <body>
 <a onClick="openNewDiv('newDiv');" style="cursor:pointer">老弹</a>
  
</body>

本回答被网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

php js 点击文字超链接出现一个窗口点击关闭仍然在当页

其他类似问题

为你推荐：