jDialog - 简单的 jQuery 浮动窗口插件
在做前端功能的时候,我经常都会遇到需要实现一个浮动窗口的需求,我相信,同行的你也是一样的。
jQuery 关于这样功能的插件实在是太多了,让人眼花缭乱!
我之前试过好多个这样的插件,如:jqModal ThickBox BlockUI ColorBox 等等,但它们都让我感觉过于复杂,不够轻便。
其实,很多时候需求都很简单,只是需要弹出一个简单的,带个关闭按钮的,可以传一段 HTML 或是直接将一个隐藏的 HTML 显示到浮动窗口里面的功能,当然浏览器支持和轻便也是很重要的。而像前面提到哪些插件他们都比较花哨,无法满足这种”轻便”的需求。
所以,我根据自已的这些需求做了一个 jQuery 插件,它真的很 Simple
特色介绍
- 可修改 CSS 来统一定制 UI;
- 通过参数设置标题,高度,宽度,窗口显示的 HTML 内容;
- 一个页面同时只能显示一个窗口;
- 窗口显示需要指定一个页面上的对象做为窗口显示做置定位,这样窗口会出现在哪个东西的下面,就像下拉列表一样。
- 不能拖动 (我们不需要这样的功能);
- 可以点击窗口之外的任意区域来关闭窗口,或是点右上角的关闭按钮。
如果上面的特点合你口味,请继续往下看!
1000 字的描述都没法抵过一个简单的演示啊,来,看看:
试完了还喜欢吗?
源代码上 Github 上面放着,可以直接用 Git 获取,或在上面下载打包文件
- 项目地址: http://github.com/huacnlee/jdialog
- Git 获取:$ git clone git@github.com:huacnlee/jdialog.git
当然,你还可以在 Github 上面给我反馈问题或建议,或者 Fork 它,分享你的改进。