jQuery 右下角滑动弹出可关闭重现层完整代码 - Web前端

效果图：

完整代码如下：
JQuery右下角滑动弹出可关闭重现层 博客园 计划 教程 *{ 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;} 脚本之家欢迎hi计划博客园jihuajb51.netcnblogs欢迎光临AbAIdu.comBhelloJihua你快回来关闭右下角滑动弹出可重现层www.jb51.net

脚本之家 jQuery教程

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 }) })
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

标签：弹出右下角完整代码WebjQuery