\u7528Javascript\u914d\u5408CSS\u5199\u4e86\u4e2a\u6c14\u6ce1\u7684\u5f39\u7a97\uff1a<\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n\n <head>\n <meta charset=\"utf-8\" \/>\n <title>-\u5f39\u51fa\u6c14\u6ce1<\/title>\n\n <\/head>\n\n <style>\n body {\n font-size: 12px;\n }\n p{\n cursor: pointer;\n color: blue;\n }\n <\/style>\n\n <body>\n <p onclick=\"show();\">\u5f39\u4e00\u4e2a\u6c14\u6ce1<\/p>\n\n\n <script language=\"javascript\">\n function cmsgbox(vtitle, vwidth, vhight, vtop, vleft) {\n this.title = vtitle;\n this.width = vwidth;\n this.height = vhight;\n this.top = vtop;\n this.left = vleft;\n this.id = 0;\n }\n cmsgbox.prototype.showdiv = function() {\n var str = \"\";\n str += \"<div id='div1' style='z-index:1;background-color:white;position:absolute;border:2px solid slategray;left:\" + this.vleft + \"px;top:\" + this.vtop + \"px;width:\" + this.width + \"px;'>\";\n\n str += \"<div style='padding-bottom:2px;background-color:slategray;width:100%;height:16px;color:white;' >\";\n str += \" <div style='float:left;height:16px;overflow:hidden;margin:0px;padding:4px 0px 0px 5px;width:\" + (parseInt(this.width) - 24 * 2 - 5) + \"px;'>\" + this.title + \"<\/div>\";\n str += \" <span style='width:14px;font-family:webdings;cursor:hand;'>0<\/span>\";\n str += \" <span style='width:14px;font-family:webdings;cursor:hand;' onclick='cmsgbox.closediv(this);'>r<\/span>\";\n str += \"<\/div>\";\n\n str += \"<div style=' margin:10px 5px 10px 10px;word-break:break-all;'>\";\n str += \"xxx\";\n str += \"<\/div>\";\n str += \"<\/div>\";\n \/\/document.write(str); \n document.body.insertAdjacentHTML(\"beforeEnd\", str);\n }\n\n function show() {\n var box = new cmsgbox('\u6c14\u6ce1\u5440', 400, 300);\n box.showdiv();\n }\n <\/script>\n <\/body>\n\n<\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"