js的alert樣式如何改變如背景顏色_javascript技巧

複製程式碼 程式碼如下:

window.alert = function(str)
{
var shield = document.createElement("DIV");
shield.id = "shield";
shield.style.position = "absolute";
shield.style.left = "0px"; shield.style.left = "0px"; shield.style.left = "0px"; shield.style.left = "0px"; 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.marLeginft = "-225px";
alertFram.style.marginTop = "-75px";
alertFram.style.width = "450px";
alertFram.style.height = "150px"; .style.background = "#ff0000";
alertFram.style.textAlign = "center";
alertFram.style.lineHeight = "150px";
alertFram.style.zIndex = "150px";
alertFram.style.zIndex = "300"; 🎜>strHtml = "

n";
strHtml = "
• [自訂提示]
n";
strHtml = "
• " str "
n";
strHtml = "
n";
strHtml = "

n";
alertFram.innerHTML = strHtml;
document.body.appendChild(alertFram);
document.body.appendChild(shield);
d
("doAlpha()",5);
this.doOk = function(){
alertFram.style.display = "none";
shield.style.display = "none";
}

alertFram.focus();
document.body.onselectstart = function(){return false;};
} 效果如圖 效果如圖 效果如圖 效果如圖