Effect Chart:
The complete code is as follows:
<! 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=utf-8 "/> <script type=" Text/javascript "src=" http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/ Jquery.min.js "></script> <title>jquery lower right corner slide eject to close the Replay Layer Blog Garden program </title> <meta name=" keywords " content= "Www.jb51.net"/> <style type= "text/css" > *{margin:0px; #jihuaslide {width:300px; height:200px; border:1px solid #000; position:fixed; bottom:2px; right:2px; display:none; Background-color:white;} #jihuaslide a{position:absolute; top:8px; right:8px; font-size:12px; text-decoration:none; color:blue;} #jihuaslide h2{font-size:24px text-align:center;font-family: "Microsoft Ya Hei";} #reshow {position:fixed;right:2px;bottom:2px;font-size:12px; display:none;background-color:white; cursor:pointer;border:1px solid #000;} </style> </pead> <body> <div > Cloud-dwelling community </div> <div > Welcome </div> <div >hi< /div> <div > Program </div> <div > Blog </div> <div >jihua</div> <div >jb51.net< /div> <div >cnblogs</div> <div > Welcome </div> <div >A</div> <div >baidu.com& lt;/div> <div >B</div> <div >hello</div> <div >Jihua</div> <div id= "Reshow" & gt; </div> <div id= "Jihuaslide" > off <span > Lower right corner slide eject reproducible layer www.jb51.net</span> <p> cloud Habitat Community J Query Tutorial </p> </div> <script type= "Text/javascript" > Function jihua_cnblogs_com () {$ ("#jihuaslide") . Slidedown ("slow"); $ ("#reshow"). Hide (); $ (document). Ready (function () {settimeout (function () {jihua_cnblogs_com (); 1000) $ ("#close"). Click (function () {$ ("#jihuaslide"). Slideup ("slow"); $ ("#reshow"). Show (); }) $ ("#reshow"). MoUseover (function () {jihua_cnblogs_com ();//www.jb51.net})}) </script> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
