[原创]基于Jquery的PANEL窗体插件

时间:2014-04-14 02:55:16
【文件属性】:

文件名称:[原创]基于Jquery的PANEL窗体插件

文件大小:112KB

文件格式:RAR

更新时间:2014-04-14 02:55:16

Jquery 插件 window 窗体 PANEL

花生米AJAX-UI系列之:基于JQUERY的GooPanel窗体控件类0.1版 (从今起,以后所有的新控件均使用JQUERY 1.5以上的内核) 特点: 1、既可当浮动窗口用,也可以当作网页中的内容容器框使用。 2、具备relative,absolute两种定位方式,和两种风格。 3、不仅有“关闭、最大化/还原、最小化、收起/下拉,固定最前端”等默认的右上角功能按钮,用户还可自定义排列顺序以及自定设定的按钮。 4、支持手工调整大小,手工移动。 5、内容可以是从AJAX远端载入的内容,也可以是本页面中的一个DOM元素,也可以是嵌入一个iframe。 6、可以把移动的窗体限制在父框架可见的范围内, 也可以让窗体超出父框架显示。 7、使用单个或少数几个窗体时,可分别定义单独的GooPanel类对象;当使用多个窗体时或者在随时可能增减窗体的情况下时,就可用到GooPanelManager管理类 8、使用GooPanelManager管理类时,STICK功能状态(即把窗体固定在最前顶(z-index保持最大))才会有效. 9、用户可以自定义右上角功能按钮点击时,另外要执行的事件方法。 10、用户可以自定义当“重定义窗体宽高”、“重定义绝对定位”、“重设置Z-INDEX值”时分别发生的事件方法。其中绑定“重定义窗体宽高”事件很有用,比如用在窗体尺寸变化后,将内容框里的DOM元素重新Resize. 本品兼容IE6--IE8 ,firefox,chrome浏览器


【文件预览】:
GooPanel
----test.html(2KB)
----未命名-3.png(45KB)
----Demo.html(2KB)
----API.txt(11KB)
----未命名-2.png(43KB)
----codebase()
--------GooPanel.js(18KB)
--------GooPanel.css(4KB)
--------img()
--------GooFunc.js(3KB)
--------GooPanelManager.js(3KB)
jquery.min.js

网友评论

  • 不错 可以使用 正在参考中
  • 作为学习资料还不错~
  • 需要参考下其他组件的编写风格
  • 一般,不怎么好用!
  • 觉得不怎么好啊,没有啥作用,资源一般般,很普通~
  • 作为参考还是不错的。
  • 本来是想使用relative时,那个div自动调整的功能了,可惜没有,就是这种状态下,只能改变大小,不能拖动位置了。
  • 拖拽和调整大小还行!其他单调了点
  • 功能一般,建议参考下其他组件的编写风格