Tip: you can modify some code before running
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Click the text pop-up layer</title> <style type="text/css"> <!-- *{font-size:12px;font-family:Verdana, Geneva, sans-serif;line-height:14px} a{color:#039} a:hover{color:#f60} .pop{position:absolute;left:40px;top:20px;width:300px;height:100px;background:#eee;border:1px solid #ccc} .pop_head{position:relative;height:20px;background:#ccc} .pop_head a{position:absolute;right:8px;line-height:20px;color:#000;text-decoration:none} .pop_head a:hover{color:#f60;text-decoration:none} .pop_body{padding:8px} .popdiv{display:block;}.popbox{ position:relative; height:150px; width:400px; background:#030;}--> </style> </head> <body> <!--首先设置一个层:--><div class="popbox"> <div id="pop" class="pop" > <div class="pop_head">Close</div> <div class="pop_body">Thank you for choosing ......</div> </div> <!--弹出层的按钮:-->Pop-up button</div><script type="text/javascript">Var EX = {addEvent: function (k, v) {var me = this; if (me. addEventListener) me. addEventListener (k, v, false); else if (me. attachEvent) me. attachEvent ("on" + k, v); else me ["on" + k] = v ;}, removeEvent: function (k, v) {var me = this; if (me. removeEventListener) me. removeEventListener (k, v, false); else if (me. detachEvent) me. detachEvent ("on" + k, v); else me ["on" + k] = null ;}, stop: function (evt) {evt = Evt | window. event; evt. stopPropagation? Evt. stopPropagation (): evt. cancelBubble = true ;}}; document. getElementById ('pop '). onclick = EX. stop; var url = '#'; function show () {var o = document. getElementById ('pop'); o. style. display = ""; setTimeout (function () {EX. addEvent. call (document, 'click', hide) ;});} function hide () {var o = document. getElementById ('pop'); o. style. display = "none"; EX. removeEvent. call (document, 'click', hide );}</script> </body> </html></td> </tr></table>
Tip: you can modify some code before running
