注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

栖客技术札记

栖客王近东,山东泰安人。本杂记主要收录工作、学习、生活中遇到的问题及解决方法。

 
 
 

日志

 
 
关于我

主要收录在技术学习和技术应用方面的文章,有原创、有引用、有转载,学以致用,欢迎浏览。(我的教育类文章发布在http://wjd.blog.edu.cn上)

网易考拉推荐

用js 实现简单的Dialog  

2011-10-14 14:29:14|  分类: Web |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
    function popupDialog(posx,posy,strTitle,strContent){
            
              var msgObj=document.createElement("div");
              msgObj.setAttribute("id","msgDiv");
              msgObj.setAttribute("align","center");
              msgObj.style.background="white";
              msgObj.style.border="1px solid " + bordercolor;
              msgObj.style.position = "absolute";
              msgObj.style.left = posx+"px";
              msgObj.style.top = posy+"px";
              msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
              msgObj.style.width = msgw + "px";
              msgObj.style.height =msgh + "px";
              msgObj.style.textAlign = "center";
              msgObj.style.lineHeight ="25px";
              msgObj.style.zIndex="9999";
              var title=document.createElement("div");
              title.setAttribute("id","msgTitle");
              title.setAttribute("align","right");
              title.style.margin="0";
              title.style.padding="3px";
              title.style.background=bordercolor;
              title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100,finishY=100,style=1,opacity=75,finishOpacity=100);";
              title.style.opacity="0.75";
              title.style.border="1px solid " + bordercolor;
              title.style.height="18px";
              title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
              title.style.color="white";
              title.style.cursor="pointer";
              title.title = "close";
              title.innerHTML="<table width='100%'><tr><td align='left'><b>"+ strTitle +"</b></td><td align='right'><b>Close</b></td></tr></table>";
              title.onclick=function(){
                  document.body.removeChild(bgObj);
                  document.getElementById("msgDiv").removeChild(title);
                  document.body.removeChild(msgObj);
                  };
              document.body.appendChild(msgObj);
              document.getElementById("msgDiv").appendChild(title);
              var txt=document.createElement("div");
              txt.style.margin="1em";
              txt.setAttribute("id","msgTxt");
              txt.innerHTML=strContent;
              document.getElementById("msgDiv").appendChild(txt);
        }
  评论这张
 
阅读(387)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018