吉光片羽原创 JQuery Dialog 仿操作系统弹出对话框插件 KandyDialog

Monday, December 20, 2010 吉光片羽 6

在公司的项目中,需要仿制系统效果的弹窗。首先想到的是JQuery,因为类似的插件有太多了,除了JUI的Dialog插件,很多主流的lightbox插件也基本可以实现类似效果,唯一要做的就是把界面仿成系统外观的。可JUI的Dialog插件和其他的灯箱效果插件都太过臃肿,于是决定自己动手写一个。这是早在10月份的事情了,十月中旬雏形就已经出来,当时已经支持行内,页内,同域和跨域内容的调用,后来又需要调用图片,于是也一直完善着。

直到现在,在有了一个清晰的思路之后,综合各方面考虑,以及对JS代码的进一步熟悉,决定将该插件重写,并在完成后放出。下面简单列一下第一版要实现的功能:

界面功能
自定义边框宽度
自定义高宽
自定义界面样式
自定义弹出形式(直接显示或者渐现)
自定义背景幕布显示与否及颜色透明度
自定义标题

操作功能
双击标题栏最大化、恢复状态切换
默认最大化
默认只有关闭按钮
默认弹出位置
默认可否拖动
默认N秒自动关闭

调用功能
页内ID元素调用
同域页面(内ID元素)AJAX调用
跨域iframe调用
图片调用
多媒体调用
自定义内容调用

其实以上功能基本都已经搞定,现在只是要花时间重构代码和界面样式。可能考虑样式直接使用CSS3来写,这样IE看起来会恶心一点,不过你也可以自定义样式,可能会考虑PNG的兼容问题,或者你自己解决,因为IE6实在是太恶心了。

最后需要高手指点的就是,怎么在关闭对话框后回收内存,这个问题一直困惑着我,试了很多种方法,但貌似没有奏效,不知道是哪的问题。

如果你需要一些其他的功能可以评论提出,我会在后期版本考虑加入。

演示 | 下载 (等明年吧,呵呵 ^,^)

点击这里获取该日志的TrackBack引用地址

日志标签: 吉光片羽  原创  KandyDialog  JQuery  Dialog  对话框  插件  发布  分享  

已有人对此文发表了评论

  1. 引用该评论 威言威语 12/23/2010 1:30:53 PM 回复
    怎么得也先给个图片瞟瞟啊~
  2. 引用该评论 wmtimes 12/21/2010 12:22:01 PM 回复
    空欢喜一场,又没演示又没下载。
  3. 引用该评论 学夫子 12/20/2010 11:02:25 PM 回复
    觉得还是应该美化一下的吧,呵呵
  4. 引用该评论 朽木 12/20/2010 7:10:19 PM 回复
    技术上的东东 我只能吭一吭声以表支持
  5. 引用该评论 卢松松 12/20/2010 2:50:59 PM 回复
    素材在哪里呢?
  6. 引用该评论 TealunDu 12/20/2010 2:16:16 PM 回复
    代码盲飘过 仅作友情支持 HOHO

发表评论:

邮箱网址为选填;若您注册了GRAVATAR,请填写邮箱(不会公开),否则最好不填,您可在提交评论前选择表情头像;点击他人头像可引用其评论。插入UBB

About me

Name: KandyTang
Age: 30-
Location: Guilin, China
QQ: 121885959
Email: KandyT@qq.com

My Works

中文酷博聚合 汽车手绘·视频·教程 史努比(中文)网 免费的PJBlog皮肤 淘宝创意导购 桂林{摄影}品牌

Gallery

Unnamed Album

Unnam... (4)

复线文字LOGO设计

复线文字L... (10)

订书钉的创意-微型城市

订书钉的创... (4)

2010元宵烟火

2010元宵烟火 (7)

国外贺卡设计欣赏

国外贺卡设计欣赏 (20)