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 它,分享你的改进。