1 function showMessage(msg, bgColor, borderColor) { 2 if ($("#showDiv").length <= 0) { 3 var div = window.document.createElement("div"); 4 div.innerHTML = msg; 5 div.id = "showDiv"; 6 div.style.color = "black"; 7 div.style.width = "400px"; 8 div.style.height = "auto"; 9 div.style.padding = "15px"; 10 div.style.lineHeight = "22px"; 11 div.style.overflow = "auto"; 12 div.style.border = borderColor; 13 div.style.display = "none"; 14 div.style.position = "fixed"; 15 div.style.zIndex = 40; 16 div.style.fontFamily = "Microsoft YaHei"; 17 div.style.fontSize = "15px"; 18 19 div.style.background = bgColor; 20 var p = window.document.createElement("p"); 21 p.style.marginBottom = "0px"; 22 p.style.textAlign = "right"; 23 24 $(p).html("<a id='closeA' href='javascript:void(0)' style='text-decoration:none'>关闭</a>"); 25 div.appendChild(p); 26 window.document.body.appendChild(div); 27 28 div.style.left = (window.document.documentElement.clientWidth / 2 - parseInt(div.style.width, 10) / 2) + "px"; 29 div.style.top = window.document.documentElement.clientHeight / 2 - $(div).height() / 2 + "px"; 30 animationDiv(div); 31 32 //这里要放在元素被body加载了后再绑定事件，不然放在加载之前执行不了事件 33 $("#closeA").click(function () { 34 $("#showDiv").remove(); 35 }); 36 37 $(window).resize(function () { 38 div.style.left = (window.document.documentElement.clientWidth / 2 - parseInt(div.style.width, 10) / 2) + "px"; 39 div.style.top = window.document.documentElement.clientHeight / 2 - $(div).height() / 2 + "px"; 40 }); 41 42 } else { 43 //$("#showDiv").html(msg + "<p style='text-align:right'><a id='closeA' href='javascript:void(0)' style='text-decoration:none'>关闭</a></p>"); 44 //这里要放在元素被body加载了后再绑定事件，不然放在加载之前执行不了事件 45 $("#closeA").click(function () { 46 $("#showDiv").remove(); 47 }); 48 } 49 }