jDialog - 简单的jQuery浮动窗口插件

在做前端功能的时候,我经常都会遇到需要实现一个浮动窗口的需求,我相信,同行的你也是一样的.

jQuery 关于这样功能的插件实在是太多了,让人眼花缭乱!

我之前试过好多个这样的插件,如:jqModal ThickBox BlockUI ColorBox 等等,但它们都让我感觉过于复杂,不够轻便.

其实,很多时候需求都很简单,只是需要弹出一个简单的,带个关闭按钮的,可以传一段HTML或是直接将一个隐藏的HTML显示到浮动窗口里面的功能,当然浏览器支持和轻便也是很重要的.而像前面提到哪些插件他们都比较花哨,无法满足这种”轻便”的需求.

所以,我根据自已的这些需求做了一个 jQuery 插件,它真的很 Simple

特色介绍

  1. 可修改CSS来统一定制UI;
  2. 通过参数设置标题,高度,宽度,窗口显示的HTML内容;
  3. 一个页面同时只能显示一个窗口;
  4. 窗口显示需要指定一个页面上的对象做为窗口显示做置定位,这样窗口会出现在哪个东西的下面,就像下拉列表一样.
  5. 不能拖动(我们不需要这样的功能);
  6. 可以点击窗口之外的任意区域来关闭窗口,或是点右上角的关闭按钮.

如果上面的特点合你口味,请继续往下看!

1000字的描述都没法抵过一个简单的演示啊,来,看看:

试完了还喜欢吗?

源代码上 Github 上面放着,可以直接用 Git 获取,或在上面下载打包文件

当然,你还可以在 Github 上面给我反馈问题或建议,或者 Fork 它,分享你的改进.