jQuery实现的Dialog(支持模态和拖动)

时间:2013-04-07 04:45:43
【文件属性】:

文件名称: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)

网友评论

  • 感谢分享,谢谢
  • 不是特别美观,但可以借鉴参考写jquery组件!
  • 多谢楼主,.可以借鉴
  • 很好的,可以用,谢谢
  • 已经用了一段时间了,对刚开始用的人蛮好用的
  • 很不错,有很大的参考值,不过模态的功能不太完美,有时还可以点击按钮
  • 不错的,用的蛮好的,谢谢!
  • 学习用,放在项目里 需要改进
  • 做的不是很好,不是我想要的效果
  • 例子很详细,说明很好,适合很快上手。
  • 可以作为一个学习的例子,但是外观方面还有待改进。
  • 不是特别美观,但可以借鉴参考写jquery组件!
  • 很好的,可以用,谢谢
  • 非常感谢,很好用,解决了难题
  • 能用,凑合用
  • 非常感谢,很好用,解决了难题
  • 虽然不是很美观,但是学习够用了,美化要靠自己了
  • 适合初学者使用,基础化
  • 代码比较基础。
  • 代码的注释还可以写的详细些,我初学,后面简化的地方没看懂!
  • 不太怎么样,不过可以当例子,自己改
  • 不是特别美观,不过有例子,自己可以改了
  • 能用,凑合用
  • 窗口拖动貌似在IE下不行,要在FF下才可以
  • 在aspx页面下要另外设置,界面不好。参数太多,有点复杂。
  • 参考学习还可以,确实不是太美观,不过总的还好了。感谢楼主。
  • 感觉不太美观,还需要细化。
  • 弹出的窗口不能拖动,怎么回事啊?