如何更改js的alert样式

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 style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n";
	     strHtml += " <li style=\"background:#DD828D;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;\">[自定义提示]</li>\n";
	     strHtml += " <li style=\"background:#fff;text-align:center;font-size:12px;height:120px;line-height:120px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;\">"+str+"</li>\n";
	     strHtml += " <li style=\"background:#FDEEF4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #F9CADE;\"><input type=\"button\" value=\"确 定\" οnclick=\"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;};
	    }
		 	

效果如图
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值