jQuery 右下角滑动弹出可关闭重现层完整代码_jquery

效果图：

完整代码如下：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jquery右下角滑动弹出可关闭重现层 博客园 计划 教程</title> <meta name="keywords" content="www.jb51.net"> <style type="text/css"> *{ margin:0px; padding: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:"微软雅黑";} #reshow{position:fixed;right:2px;bottom:2px;font-size:12px; display:none;background-color:White; cursor:pointer;border:1px solid #000;} </style> <div style="background-color:Green; width:100%;height:150px;">脚本之家</div> <div style="background-color:Red; width:100%;height:150px;">欢迎</div> <div style="background-color:Yellow; width:100%;height:150px;">hi</div> <div style="background-color:Silver; width:100%;height:150px;">计划</div> <div style="background-color:Aqua; width:100%;height:150px;">博客园</div> <div style="background-color:Fuchsia; width:100%;height:150px;">jihua</div> <div style="background-color:Green; width:100%;height:150px;">jb51.net</div> <div style="background-color:Blue; width:100%;height:150px;">cnblogs</div> <div style="background-color:Olive; width:100%;height:150px;">欢迎光临</div> <div style="background-color:Green; width:100%;height:150px;">A</div> <div style="background-color:Purple; width:100%;height:150px;">baidu.com</div> <div style="background-color:Green; width:100%;height:150px;">B</div> <div style="background-color:Lime; width:100%;height:150px;">hello</div> <div style="background-color:Orange; width:100%;height:150px;">Jihua</div> <div id="reshow">你快回来</div> <div id="jihuaslide"> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YVNjcmlwdDp2b2lkKDAp" id="close" target="_blank" rel="nofollow">关闭</a> <span style=" line-height:50px;">右下角滑动弹出可重现层 www.jb51.net</span> <h2>脚本之家 jquery教程</h2> </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]