function sAlert(str){ var msgw,msgh,bordercolor; msgw=400;//提示窗口的宽度 msgh=100;//提示窗口的高度 titleheight=25 //提示窗口标题高度 bordercolor="#336699";//提示窗口的边框颜色 titlecolor="#99CCFF";//提示窗口的标题颜色 var sWidth,sHeight; sWidth=document.body.offsetWidth; sHeight=screen.height; var bgObj=document.createElement("div"); bgObj.setAttribute('id','bgDiv'); bgObj.style.position="absolute"; bgObj.style.top="0"; bgObj.style.background="#777"; bgObj.style.filter="progidXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; bgObj.style.opacity="0.6"; bgObj.style.left="0"; bgObj.style.width=sWidth + "px"; bgObj.style.height=sHeight + "px"; bgObj.style.zIndex = "10000"; document.body.appendChild(bgObj); 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 = "50%"; msgObj.style.top = "50%"; msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; msgObj.style.marginLeft = "-225px" ; msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"; msgObj.style.width = msgw + "px"; msgObj.style.height =msgh + "px"; msgObj.style.textAlign = "center"; msgObj.style.lineHeight ="25px"; msgObj.style.zIndex = "10001"; var title=document.createElement("h4"); title.setAttribute("id","msgTitle"); title.setAttribute("align","right"); title.style.margin="0"; title.style.padding="3px"; title.style.background=bordercolor; title.style.filter="progidXImageTransform.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.innerHTML="关闭"; 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("p"); txt.style.margin="1em 0" txt.setAttribute("id","msgTxt"); txt.innerHTML=str; document.getElementById("msgDiv").appendChild(txt); }
原帖地址:http://www.xszhy.cn/bbs/thread-5051-1-1.html
您还没有登录,请您登录后再发表评论
js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,
JS做的隐藏与显示DIV可拖动弹出层实例代码 学习参考
jQuery UI弹出层应用实例 压缩包包括了html代码 js代码 css文件
js实现网页上那种点击弹出层的特效代码,支持拖动效果,完整代码下载,这是一个点击文字后弹出一个搜索框的浮动层,基于JS和Div共同实现,用到了几个JavaScript封装类,已为您打包,本弹出层可任意拖动位置,可以...
主要介绍了JS中frameset框架弹出层实例代码 的相关资料,需要的朋友可以参考下
我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果,因此我们可以在示例中任意修改弹出层外观样式、甚至js方法调用。我们最终做出来的弹出层效果应该是响应式的,也就是说可以在桌面PC端和移动端都可以很好...
2)只有单个一个弹出层 3)不按顺序不按规律随机弹出层 jquery 弹出层 解决 第一种情况 参考资料 移动端之“CSS3多动画弹框” 引入jquery JS代码 这里关闭用的css3效果实现 [removed] var w,h,className; ...
Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。 递归遍历矩阵 1个目标文件,简单! 多人聊天室 3...
本文实例为大家分享了js点击任意区域弹出层消失的具体代码,供大家参考,具体内容如下 采用jquery element.parents();判断点击区域是否在弹出层上面或者在按钮上面,否则让弹出层消失。 完整代码 <!DOCTYPE ...
代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=utf-8″ /> <...jquery弹出层实例</title> <script type=”text/javas
点击弹出窗口层,并且背景变暗渐变.htm 设定时间弹出窗口.htm 打开一个窗口在一定的时间内自动关闭.htm ...随同主窗口同时弹出的附加小窗口.htm ...五种网页弹出窗口实例代码.txt 提示框窗口自动居中.html
引入了新版的jquery插件,方框及文字都可以自己定义,非常方便,希望大家也喜欢这款弹出层,JavaScript在本例中也充分发挥了作用,对学习JS也是不错的参考。 运行效果截图如下: 在线演示地址如下: ...
一个在同一个页面可多次调用的javascript弹出层效果,有需要的同学可以参考一下
话说现在各种插件出来了要实现弹出层真是太简单了,但个人有时觉得那些插件不实用经常会找一些纯js原生态的东西,下面来给各位分享一个原生太js div弹出层实例,有需要的朋友可一起看看。 这个不用多说了,直接贴代码...
内容索引:脚本资源,Ajax/JavaScript,弹出层,Ajax 一个Ajax弹出层实例,使元素fixed定位
js多级树形弹出一个小窗口层(非常好用)实例代码,需要的朋友可以参考一下
本文实例讲述了JS实现常见的TAB、弹出层效果。分享给大家供大家参考。具体如下: 这里演示tab活页夹(网页标签),斑马线,遮罩层、弹出层的简单实现,里面的JS文件,可下拉保存为JS代码调用即可,也可以拷贝在本...
本文实例讲述了js实现仿Discuz文本框弹出层效果。分享给大家供大家参考。具体如下: 这是一个在经典论坛曾经热讨论的问题,记得在QQ邮箱里也有类似功能,Discuz7.0论坛里同样也有,当你的鼠标单击文本框的时候,会弹...
本文实例讲述了js制作带有遮罩弹出层实现登录注册表单代码特效代码。分享给大家供大家参考。具体如下: 运行效果图: ———————-查看效果 源码下载———————– 小提示:浏览器中如果不能正常运行,...
相关推荐
js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,js弹出层实例代码,内附视频讲解,
JS做的隐藏与显示DIV可拖动弹出层实例代码 学习参考
jQuery UI弹出层应用实例 压缩包包括了html代码 js代码 css文件
js实现网页上那种点击弹出层的特效代码,支持拖动效果,完整代码下载,这是一个点击文字后弹出一个搜索框的浮动层,基于JS和Div共同实现,用到了几个JavaScript封装类,已为您打包,本弹出层可任意拖动位置,可以...
主要介绍了JS中frameset框架弹出层实例代码 的相关资料,需要的朋友可以参考下
我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果,因此我们可以在示例中任意修改弹出层外观样式、甚至js方法调用。我们最终做出来的弹出层效果应该是响应式的,也就是说可以在桌面PC端和移动端都可以很好...
2)只有单个一个弹出层 3)不按顺序不按规律随机弹出层 jquery 弹出层 解决 第一种情况 参考资料 移动端之“CSS3多动画弹框” 引入jquery JS代码 这里关闭用的css3效果实现 [removed] var w,h,className; ...
Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。 递归遍历矩阵 1个目标文件,简单! 多人聊天室 3...
本文实例为大家分享了js点击任意区域弹出层消失的具体代码,供大家参考,具体内容如下 采用jquery element.parents();判断点击区域是否在弹出层上面或者在按钮上面,否则让弹出层消失。 完整代码 <!DOCTYPE ...
代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=utf-8″ /> <...jquery弹出层实例</title> <script type=”text/javas
点击弹出窗口层,并且背景变暗渐变.htm 设定时间弹出窗口.htm 打开一个窗口在一定的时间内自动关闭.htm ...随同主窗口同时弹出的附加小窗口.htm ...五种网页弹出窗口实例代码.txt 提示框窗口自动居中.html
引入了新版的jquery插件,方框及文字都可以自己定义,非常方便,希望大家也喜欢这款弹出层,JavaScript在本例中也充分发挥了作用,对学习JS也是不错的参考。 运行效果截图如下: 在线演示地址如下: ...
一个在同一个页面可多次调用的javascript弹出层效果,有需要的同学可以参考一下
话说现在各种插件出来了要实现弹出层真是太简单了,但个人有时觉得那些插件不实用经常会找一些纯js原生态的东西,下面来给各位分享一个原生太js div弹出层实例,有需要的朋友可一起看看。 这个不用多说了,直接贴代码...
内容索引:脚本资源,Ajax/JavaScript,弹出层,Ajax 一个Ajax弹出层实例,使元素fixed定位
js多级树形弹出一个小窗口层(非常好用)实例代码,需要的朋友可以参考一下
本文实例讲述了JS实现常见的TAB、弹出层效果。分享给大家供大家参考。具体如下: 这里演示tab活页夹(网页标签),斑马线,遮罩层、弹出层的简单实现,里面的JS文件,可下拉保存为JS代码调用即可,也可以拷贝在本...
本文实例讲述了js实现仿Discuz文本框弹出层效果。分享给大家供大家参考。具体如下: 这是一个在经典论坛曾经热讨论的问题,记得在QQ邮箱里也有类似功能,Discuz7.0论坛里同样也有,当你的鼠标单击文本框的时候,会弹...
本文实例讲述了js制作带有遮罩弹出层实现登录注册表单代码特效代码。分享给大家供大家参考。具体如下: 运行效果图: ———————-查看效果 源码下载———————– 小提示:浏览器中如果不能正常运行,...