三个很不错的开源窗口类(window)组件 http://www.ajaxbbs.net/blog/ModalBox-Windoo/
2007-11-23 18:38
567 查看
1、MooTools Mocha UI(基于MooTools和Canvas构建)
网址:http://greghoustondesign.com/demos/mocha/
简介:
Mocha is a MooTools user interface class made with canvas tag graphics. This is an on going exercise to help me become more familiar with both MooTools and the canvas tag. See the windows to the right for more information。
2、ModalBox
网址:http://code.google.com/p/modalbox/
简介:
ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogues or even wizards (sequences of dialogues) without using conventional popups and page reloads. It's inspired by Mac OS X modal dialogues. And yes, it may also be useful for showing bigger versions of images. :)
Basically, ModalBox is based on GrayBox technique by Amir Salihefendic. But you can find a lot of similar techniques around the web: Lightbox JS, Lightbox gone wild, ThickBox etc.
There also a clone of ModalBox, the MOOdalBox, written on great and lightweight Mootools Framework.
3、Windoo
网址:http://code.google.com/p/windoo/
简介:
Windoo is a javascript class based on Mootools framework which allows you to create draggable and resizable inline windows on your HTML page.
Windoo also includes the following standalone extensions:
Drag.Multi is Drag.Base extension which gives the ability to change multiple styles for multiple elements at the same time according to the mouse movement
Drag.Resize is Mootools extension which applies drag handles to an element to make it resizable in 8 directions
Features
resizable in 8 directions (fully customizable)
works on Firefox, Opera, Safari, and IE 6, 7
support custom and container element limits for resize
fully customizable Windoo themes
preserve aspect ratio option
multiple window managers
support iframe overlay for IE (fixes <select> bug) and FF (speed-up rendering)
generates valid XHTML strict code
modular source code with custom download builder
网址:http://greghoustondesign.com/demos/mocha/
简介:
Mocha is a MooTools user interface class made with canvas tag graphics. This is an on going exercise to help me become more familiar with both MooTools and the canvas tag. See the windows to the right for more information。
2、ModalBox
网址:http://code.google.com/p/modalbox/
简介:
ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogues or even wizards (sequences of dialogues) without using conventional popups and page reloads. It's inspired by Mac OS X modal dialogues. And yes, it may also be useful for showing bigger versions of images. :)
Basically, ModalBox is based on GrayBox technique by Amir Salihefendic. But you can find a lot of similar techniques around the web: Lightbox JS, Lightbox gone wild, ThickBox etc.
There also a clone of ModalBox, the MOOdalBox, written on great and lightweight Mootools Framework.
3、Windoo
网址:http://code.google.com/p/windoo/
简介:
Windoo is a javascript class based on Mootools framework which allows you to create draggable and resizable inline windows on your HTML page.
Windoo also includes the following standalone extensions:
Drag.Multi is Drag.Base extension which gives the ability to change multiple styles for multiple elements at the same time according to the mouse movement
Drag.Resize is Mootools extension which applies drag handles to an element to make it resizable in 8 directions
Features
resizable in 8 directions (fully customizable)
works on Firefox, Opera, Safari, and IE 6, 7
support custom and container element limits for resize
fully customizable Windoo themes
preserve aspect ratio option
multiple window managers
support iframe overlay for IE (fixes <select> bug) and FF (speed-up rendering)
generates valid XHTML strict code
modular source code with custom download builder
相关文章推荐
- 三个UNIX文件时间ctime、mtime、atime 转自:http://www.blogjava.net/yrJavaWorld/archive/2007/03/13/103602.html
- Window 窗口层次关系(转自:陈绍英http://blog.csdn.net/chenshaoying/archive/2008/04/24/2324304.aspx,好文收藏一下)
- http://www.cnitblog.com/dotnetbbs/archive/2007/11/13/36223.aspx
- 用开源组件jcaptcha做jsp彩色验证码 ( 转http://blog.csdn.net/alexjjf/archive/2006/10/31/1359333.aspx)
- http://www.blogjava.net/dongbule/archive/2010/08/23/329627.html
- Javascript获取浏览器窗口大小 - Javascript 获取 浏览器 窗口 大小 JavaScript - 编程 学院 PHP开源 网窝设计BY WWW.WEBWOO.NET - 网窝网
- Linux tc multi-level massive hashing 转自:http://www.hazard.maks.net/blog/index.php?op=Default&Date=200802&blogId=1
- 简化Spring(4)--View层http://www.blogjava.net/calvin/archive/2005/08/24/10914.html
- 使用eclipse生成javadoc(转自:http://www.blogjava.net/soddabao/archive/2007/04/09/109434.html)
- 动态库与静态库的使用,摘自http://www.blogjava.net/davidgw/archive/2009/01/21/252230.html
- http://www.blogjava.net/zh-weir/archive/2011/05/01/349360.html
- http://www.blogjava.net/chunkyo/archive/2007/01/16/94266.html
- 使用CSS3构建Ajax加载动画(转http://blog.csdn.net/hfahe/archive/2011/02/10/6177825.aspx)
- shell 处理字符串常用方法http://www.blogjava.net/xzclog/archive/2011/03/04/345745.html
- http://www.blogjava.net/zyl/archive/2006/12/29/90802.html maven 配置篇 之 settings.xml
- 个人blog转移到http://www.cyhdnet.com/blog
- WebWork深入浅出 (转贴)http://www.blogjava.net/moxie/archive/2006/10/20/76375.html
- 最佳开源软件一览(转来的from:http://blog.csdn.net/microrain)
- http://www.blogjava.net/nokiaguy/
- 明明白白Unsupported major.minor version 49.0的错误(转自:http://www.blogjava.net/Unmi/archive/2007/12/04/165035.html)