手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js的alert样式如何更改如背景颜色
js的alert样式如何更改如背景颜色
摘要:复制代码代码如下:window.alert=function(str){varshield=document.createElement("...

复制代码 代码如下:

window.alert = function(str)

{

var shield = document.createElement("DIV");

shield.id = "shield";

shield.style.position = "absolute";

shield.style.left = "0px";

shield.style.top = "0px";

shield.style.width = "100%";

shield.style.height = document.body.scrollHeight+"px";

//弹出对话框时的背景颜色

shield.style.background = "#fff";

shield.style.textAlign = "center";

shield.style.zIndex = "25";

//背景透明 IE有效

//shield.style.filter = "alpha(opacity=0)";

var alertFram = document.createElement("DIV");

alertFram.id="alertFram";

alertFram.style.position = "absolute";

alertFram.style.left = "50%";

alertFram.style.top = "50%";

alertFram.style.marginLeft = "-225px";

alertFram.style.marginTop = "-75px";

alertFram.style.width = "450px";

alertFram.style.height = "150px";

alertFram.style.background = "#ff0000";

alertFram.style.textAlign = "center";

alertFram.style.lineHeight = "150px";

alertFram.style.zIndex = "300";

strHtml = "<ul>n";

strHtml += " <li>[自定义提示]</li>n";

strHtml += " <li>"+str+"</li>n";

strHtml += " <li><input type="button" value="确 定" onclick="doOk()" /></li>n";

strHtml += "</ul>n";

alertFram.innerHTML = strHtml;

document.body.appendChild(alertFram);

document.body.appendChild(shield);

var ad = setInterval("doAlpha()",5);

this.doOk = function(){

alertFram.style.display = "none";

shield.style.display = "none";

}

alertFram.focus();

document.body.onselectstart = function(){return false;};

}

效果如图

1

【js的alert样式如何更改如背景颜色】相关文章:

jQuery预加载图片常用方法

浅谈javascript中的闭包

简介JavaScript中toUpperCase()方法的使用

JavaScript中length属性的使用方法

网站上面有这种切换效果

百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换

JavaScript Base64编码和解码,实现URL参数传递。

javascript中CheckBox全选终极方案

图片完美缩放

JS实现兼容各浏览器解析XML文档数据的方法

精品推荐
分类导航