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

(编辑：jimmy 日期: 2026/1/16 浏览：2)

效果图：

完整代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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> </head> <body>  欢迎 hi 计划 博客园 jihua jb51.net cnblogs 欢迎光临 A baidu.com B hello Jihua 你快回来  关闭 右下角滑动弹出可重现层www.jb51.net <h2> jquery教程</h2>   </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：Jquery图形报表插件 jqplot简介及参数详解

下一篇：关于jQuery UI 使用心得及技巧