<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = gb2312 "/> <title> jquery pop-up announcement </title> <style> * {margin: 0; padding: 0; font-size: 12px;} li {float: left; width: 100px; border: 1px solid # ccc; list-style: none; text-align: center;} h3 {margin: 20px auto; text-align: center ;} input {width: 120px; height: 30px; cursor: pointer;} # notice {position: absolute; width: 400px; padding: 20px; background: # eee; border: 1px solid # ccc; left: 10px; top: 10px; display: none ;} </style> </pead> <body> <input id = "open" type = "button" value = "pop-up announcement"/> <input id = "closed" type = "button" value = "Close announcement"/> <pre class = "code" name = "" id = "texta" cols = "30" rows = "10"> </ body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]