作家
登录

IE FF OPERA都可用的弹出层实现代码

作者: 来源:www.28hudong.com 2013-03-30 02:18:20 阅读 我要评论

复制代码 代码如下:// JavaScript Document var dv; var dvMsg; function customalert() { dvMsg = document.createElement("div"); dvMsg.style.position = "absolute"; dvMsg.setAttribute('id', 'msg'); dvMsg.style.width = "600px"; dvMsg.style.padding = "10 0 2 0"; dvMsg.style.height = "313px"; dvMsg.style.background = "#EF621D"; dvMsg.style.border = "1px solid #6699dd"; dvMsg.style.zIndex = "1112"; document.body.appendChild(dvMsg); document.getElementById("msg").style.top = document.documentElement.scrollTop + (document.documentElement.clientHeight - document.getElementById("msg").offsetHeight)/2 + "px"; document.getElementById("msg").style.left = document.documentElement.scrollLeft + (document.documentElement.clientWidth - document.getElementById("msg").offsetWidth)/2 + "px"; var imgs = document.createElement("div"); imgs.setAttribute("id", "pic"); imgs.title = "close"; imgs.style.float = "left"; imgs.style.height = "20px"; imgs.innerHTML = "<a href="http://www.jb51.net" target="_blank"><img src="../javascript/close.gif"/></a>"; imgs.style.color = "#FFF"; imgs.style.textAlign = "right"; imgs.style.cursor = "pointer"; imgs.style.zIndex = "1114"; imgs.onclick = function() { document.body.removeChild(dvMsg); document.body.removeChild(dv); } document.getElementById("msg").appendChild(imgs); var divstr = document.createElement("div"); divstr.setAttribute("id", "info"); divstr.style.left = "0"; divstr.style.position = "absolute"; divstr.style.marginTop = "10px"; divstr.style.zIndex = "1115"; divstr.innerHTML = "<embed src="gallery/header2.swf" pluginspage="http://www.macromedia.com/shockwave/download /" width="600" height="313"></embed>"; document.getElementById("msg").appendChild(divstr); } function scrolldivs() { document.getElementById("msg").style.top=document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("msg").offsetHeight)/2+"px"; document.getElementById("msg").style.left=document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("msg").offsetWidth)/2+"px"; } window.attachEvent("onresize",scrolldivs); window.onscroll=scrolldivs; window.onload=scrolldivs;

  推荐阅读

  javascript的onchange事件与jQuery的change()方法比较

改变一下思路变成键盘按键事件,如下: <asp:TextBox ID="txtName" runat="server" onkeyup="fNameChange();"></asp:TextBox> 这里有一点毛病是,你复制粘贴的内容,无法触发这个事件。下面是相关的一些代码: 复制>>>详细阅读


本文标题:IE FF OPERA都可用的弹出层实现代码

地址:http://www.17bianji.com/kaifa2/JS/28043.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)