วิธีเปลี่ยนสไตล์การแจ้งเตือนของ JS เช่นสีพื้นหลัง

คัดลอกรหัสรหัสดังนี้:

window.alert = function (str)

-

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

shield.id = "Shield";

shield.style.position = "สัมบูรณ์";

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";

// พื้นหลังโปร่งใสเช่นถูกต้อง

//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: ไม่มี;

strhtml += "li style =" พื้นหลัง:#dd828d; 1px Solid #F9CADE;/"> [Custom Prompt] </li>/N";

strhtml += "li style =" พื้นหลัง: #fff; /">"+str+"</li>/n";

strhtml += "li style =" พื้นหลัง: #fdeef4; /"ปุ่ม/" value =/"ตกลง/" onclick =/"dook ()/"/> </li>/n ";

strhtml += "</ul>/n";

AlertFram.innerhtml = strhtml;

document.body.appendchild (AlertFram);

document.body.appendchild (Shield);

var adj = setInterval ("doalpha ()", 5);

this.dook = function () {

AlertFram.style.display = "ไม่มี";

Shield

-

AlertFram.focus ();

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

-

เอฟเฟกต์ดังแสดงในรูป