文件名称:jQuery实现的Dialog(支持模态和拖动)
文件大小:114KB
文件格式:RAR
更新时间:2013-04-07 04:45:43
jQuery jQueryUI dialog 模态 拖动
/** * @author: selfimpr * @blog: http://blog.csdn.net/lgg201 * @email: lgg860911@yahoo.com.cn * 使用方法: * var dialog = new Dialog({ * target: '#dialog', * width: 800, * height: 600, * modal: false, * title: '标题', * draggabled: false * }); * 参数含义 * target: 要用dialog包装的目标, 可以是选择器或标准DOM元素 * width: dialog宽度, 不要设置过小, 没有做最小宽度检测. * height: dialog高度. 同样不要设置过小 * modal: 是否是模态窗口 * title: 窗口的标题 * draggabled: 窗口是否可拖拽 * 方法: * show(): 显示该窗口 * destroy(): 关闭窗口. 这里只是简单做了隐藏, 并没有做真正的销毁工作. */
【文件预览】:
dialog.html
scripts
----selfimpr.dialog.js(4KB)
----jquery-1.3.2.js(118KB)
----jquery-ui-1.7.2.custom.js(299KB)
styles
----selfimpr.dialog.css(2KB)
效果图.png
images
----seasy.dialog.middleright.gif(197B)
----seasy.dialog.topcenter.gif(835B)
----seasy.dialog.topright.gif(1KB)
----seasy.dialog.bottomright.gif(736B)
----seasy.dialog.close.gif(914B)
----seasy.dialog.topleft.gif(1KB)
----seasy.dialog.titleright.gif(95B)
----seasy.dialog.bottomleft.gif(740B)
----seasy.dialog.middlecenter.gif(48B)
----seasy.dialog.middleleft.gif(197B)
----seasy.dialog.bottomcenter.gif(152B)
----seasy.dialog.titlebg.png(3KB)
----seasy.body.background.gif(142B)