打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
js弹出提示框
JS页面中间弹出提示框 页面上只有一个按钮,,点击按钮后 弹出对话框,,,原页面变的不可操作<script language="javascript"> // 参数:标题 内容 宽度 高度---------背景禁用的可拖动的提示窗口function alertWin(title, msg, w, h){ var titleheight = "22px"; // 提示窗口标题高度 var bordercolor = "#666699"; //边框颜色 var titlecolor = "#FFFFFF"; //标题颜色 var titlebgcolor = "#666699"; //标题背景色 var bgcolor = "#FFFFFF"; // 提示内容的背景色var iWidth = document.documentElement.clientWidth; //获取网页可见区域宽度var iHeight = document.documentElement.clientHeight; //获取网页可见区域高度var bgObj = document.createElement("div"); //创建div对象 这个div应该是遮住整个页面的使本页面不可用bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:101;"; document.body.appendChild(bgObj); //将div加载到页面对象中var msgObj=document.createElement("div"); // 这个是 弹出的整个对话框的 divmsgObj.style.cssText = "position:absolute;font:11px '宋体';top:"+(iHeight-h)/2+"px;left:"+(iWidth-w)/2+"px;width:"+w+"px;height:"+h+"px;text-align:center;border:1px solid "+bordercolor+";background-color:"+bgcolor+";padding:1px;line-height:22px;z-index:102;"; document.body.appendChild(msgObj);var table = document.createElement("table"); //创建一个表msgObj.appendChild(table); //弹出对话框的div 加载上这个表table.style.cssText = "margin:0px;border:0px;padding:0px;"; table.cellSpacing = 0; var tr = table.insertRow(-1); //表格插入行var titleBar = tr.insertCell(-1); //inserCell 往表格中插入新的单元格 相当于加入列吧 //标题的css样式 高度是22pxtitleBar.style.cssText = "width:100%;height:"+titleheight+"px;text-align:left;padding:3px;margin:0px;font:bold 13px '宋体';color:"+titlecolor+";border:1px solid " + bordercolor + ";cursor:move;background-color:" + titlebgcolor; titleBar.style.paddingLeft = "10px";//标题的文字 距离左边的距离是10px; titleBar.innerHTML = title; //将传入的标题的内容 加入var moveX = 0; //移动的横坐标var moveY = 0; //移动的右坐标var moveTop = 0; //移动 距离顶部var moveLeft = 0; //移动距离 左边var moveable = false; //是否允许移动var docMouseMoveEvent = document.onmousemove; //鼠标移动的时候 事件var docMouseUpEvent = document.onmouse
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
弹出可拖动DIV层提示窗口
frame 高度设置、iframe 自适应高度方法总结
基于 Ajax 的无限级菜单
网站中的一些规范J.
初探JavaScript的截屏实现
Web-第三天 JavaScript学习【悟空教程】
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服