html5 窗口 最小化,js实现窗口(支持拉伸,拖拽,最大化,最小化,滚动条,可定制,兼容五大浏览器...

雨亭原创，转载注明

执行效果：

一窗体实现的功能：

1.鼠标拖动.

2.八个方向的拉伸.

3.可定制窗口标题,内容(文本或HTML),初始大小和位置,最小宽度,高度.

4.支持滚动条.

5.关闭窗体.

6.最大化,最小化窗体.

7.记录最大,最小化之前的位置,可还原回去.

8.可创建多个window窗口.

二浏览器支持情况:

浏览器 版本

1.Chrome 18.0.1025.152 2.Safari 5.1.5 3.Firefox 11.0 4.Opera 11.62 5.IE6,IE7,IE8,IE9

css代码：

/*窗口样式

.winDiv {position: absolute;background-color:#FFFFFF;}

/*拖动样式

.winHead {position: absolute;top:0px;height:

20px;width:100%;background-color:#336699; cursor:

move;z-index:2;}

/*窗体标题

.winTitle{float:left;color:white;font-size:14px;}

/*关闭窗口

.winClose{float:right;cursor:default;width:14px;height:14px;padding-right:1px;}

/*最大化

.winMax{float:right;cursor:default;width:14px;height:14px;padding-right:1px;}

/*最小化

.winMin{float:right;cursor:default;width:14px;height:14px;padding-right:1px;}

.IE6Hack{height:0px;margin:0px;border:0px;padding:0px;width:100%;*height:20px;}

/*窗体内容

.