<! 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 bulletin </title> <script type=" Text/javascript "src=" http:// Ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js "></script><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> <script> $ (function () {$ (' #open '). Click (function () {$ (' #notice '). Slidedown (); $ (' #texta '). Val (' Pride '). Select (); }); $ (' #closed '). Click (function () {$ (' #notice '). Slideup (); }); }); </script></pead> <body> <p> <input id= "open" type= "button" value= "pop-up bulletin"/> <input id= "c losed "type=" button "value=" close announcement "/> </p> <div id=" notice "> <textarea name=" "id=" Texta "cols=" R Ows= "Ten" > </div> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
