当前位置：&>&&>& > 【层和布局】可缩放、拖动，关闭或最小化的JS窗口
【层和布局】可缩放、拖动，关闭或最小化的JS窗口
最新【层和布局】可缩放、拖动，关闭或最小化的JS窗口
以下是为大家整理的最新的文章，希望大家能够喜欢!
可缩放、可拖动，可关闭或最小化的JS窗口，另有弹出窗口，仿Windows的窗口效果，很不错的代码，平时大家会用到的，作为学习的参考资料也是有价值的。
&title&可缩放、拖动，关闭或最小化的JS窗口&/title&
&style type=&text/css&&
.divWindow{word-wrap:break-position: overflow:}
.divBar{border:#position:border-bottom:#width:100%;height:20background-color:#0099FF;cursor:line-height:20}
.divChange{position:right:25font-size:10}
.divClose{position:right:5font-size:11}
.divTitle{position:left:5font-size:10white-space:text-overflow:-o-text-overflow:overflow:}
.divContent{border:#border-top:#position: top:20width:100%; background-color:#FFFFFF; overflow-y:
SCROLLBAR-BASE-COLOR: #FFFFFF;SCROLLBAR-ARROW-COLOR: #999999;SCROLLBAR-FACE-COLOR: #EEEEEE;SCROLLBAR-HIGHLIGHT-COLOR: #EEEEEE;
SCROLLBAR-SHADOW-COLOR: #EEEEEE;SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;SCROLLBAR-TRACK-COLOR: #FFFFFF;SCROLLBAR-DARKSHADOW-COLOR: #CCCCCC;}
.divReSize{height:7 width:7 overflow: background-color:#0000FF; position: bottom:6 right:6 cursor:nw-resize}
.divIframe{height:100%;width:100%;}
&script language=&javascript&&
var zindex=0
//全局变量
function dragClass(name,title,content,left,top,width,height){
var isMouseDown=
var maximum=
var offX=0;
//设置抓取点X坐标
var offY=0;
//设置抓取点Y坐标
//保存正常状态的X坐标
//保存正常状态的Y坐标
this.mousedown= function (){
//按下拖动点
Bar.setCapture(); //设置抓取
offX=parseInt(event.clientX)-parseInt(Window.style.left);
offY=parseInt(event.clientY)-parseInt(Window.style.top);
isMouseDown=
if(Window.style.zIndex&=zindex){
Window.style.zIndex=
this.mousemove= function (){
//拖动窗口
if (isMouseDown && !maximum){
Bar.style.cursor='move'
Window.style.left=event.clientX-offX;
Window.style.top=event.clientY-offY;
if(Window.style.zIndex&=zindex){
Window.style.zIndex=
this.mouseup=function (){
//松开按钮
Bar.releaseCapture();
//取消抓取
Bar.style.cursor='hand';
if (parseInt(Window.style.top)&0){
Window.style.top='0px';
if (parseInt(Window.style.left)&0){
Window.style.left='0px';
isMouseDown=
this.dblclick=function (){
//双击最大最小化
if (!maximum){
oldLeft=Window.style.
//保存正常状态的X坐标
oldTop=Window.style.
//保存正常状态的Y坐标
Window.style.left='0px';
Window.style.top='0px';
Window.style.width= document.body.clientW
//网页可见区域宽
Title.style.width=(document.body.clientWidth-40)+'px';
//设置标题长度
ReSize.style.display='none';
if(Change.innerText=='－'){
Window.style.height='100%';
Content.style.height=document.body.clientHeight-20; //网页可见区域宽-标题高度
Window.style.height='20px';
Window.style.left=oldL
Window.style.top=oldT
Window.style.width=width+'px';
Title.style.width=(width-40)+'px';
ReSize.style.display='';
if(Change.innerText=='－'){
Window.style.height=height+'px';
Content.style.height=parseInt(height-20)+'px';
Window.style.height='20px';
if(Window.style.zIndex&=zindex){
Window.style.zIndex=
this.changeWindow=function (){
//收缩窗口
event.cancelBubble=
if(Change.innerText=='－'){
Window.style.height='20px';
Change.innerText='□';
Content.style.display='none';
ReSize.style.display='none';
if (maximum){
Window.style.height='100%';
Content.style.display='';
ReSize.style.display='';
Content.style.height=document.body.clientHeight-20; //网页可见区域宽-标题高度
Window.style.height=height+'px';
Content.style.display='';
ReSize.style.display='';
Content.style.height=parseInt(height-20)+'px';
Change.innerText='－';
//--------------------------------------------DIV-------------------------------------------------//
var Window=document.createElement(&div&);
Window.id=&divWindow&+
Window.className=&divWindow&;
Window.style.left=left+'px';
Window.style.top=top+'px';
Window.style.width=width+'px';
Window.style.height=height+'px';
Window.onclick=function(){
if(parseInt(Window.style.zIndex)&=zindex){
Window.style.zIndex=
this.Window=W
//公有属性，类外可操作；若要在类外操作，可将元素改为公有属性
var Bar=document.createElement(&div&);
Bar.id=&divBar&+
Bar.onselectstart=&return false&;
Bar.className=&divBar&;
Bar.onmousedown=this.
Bar.ondblclick=this.
Bar.onmousemove=this.
Bar.onmouseup=this.
Window.appendChild(Bar);
var Title=document.createElement(&span&);
Title.id=&divTitle&+
Title.className=&divTitle&;
Title.style.width=(width-40)+'px';
//自适应标题长度
Title.innerText=
Bar.appendChild(Title);
var Change=document.createElement(&span&);
Change.id=&divChange&+
Change.className=&divChange&;
Change.innerText=&－&;
Change.ondblclick=this.changeW
Change.onclick=this.changeW
Bar.appendChild(Change);
var Close=document.createElement(&span&);
Close.id=&divClose&+
Close.onclick=function(){
Window.style.display='none';
Close.className=&divClose&;
Close.innerText=&×&;
Bar.appendChild(Close);
var Content=document.createElement(&div&);
Content.id=&divContent&+
Content.className=&divContent&
Content.innerHTML=
Content.style.height=parseInt(height-20)+'px';
Window.appendChild(Content);
var ReSize=document.createElement(&div&);
ReSize.className=&divReSize&;
ReSize.onmousedown=function(){
if(Window.style.zIndex&=zindex){
Window.style.zIndex=
ReSize.setCapture();
isMouseDown=
ReSize.onmousemove=function(){
if (isMouseDown && !maximum)
width=parseInt(event.clientX)-parseInt(Window.style.left)+5;
height=parseInt(event.clientY)-parseInt(Window.style.top)+5;
if(width&100){
//设置最小宽度
Window.style.width=width+'px';
Title.style.width=(width-40)+'px';
if(height&100){
//设置最小高度
Window.style.height=height+'px';
Content.style.height=parseInt(height-20)+'px';
ReSize.onmouseup=function(){
ReSize.releaseCapture();
isMouseDown=
Window.appendChild(ReSize);
var Iframe=document.createElement(&iframe&); //添加iframe，IE6.0下遮挡&select&控件
Iframe.className=&divIframe&;
Window.appendChild(Iframe);
document.body.appendChild(Window);
//--------------------------------------------DIV-------------------------------------------------//
&select style=&position: top:600;&&&/select&
//dragClass(ID,窗口标题,内容,X坐标,Y坐标,宽,长)
var c1=&窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1窗口1&;
objWin1=new dragClass('win1','拖动窗口1',c1,0,60,300,300);
var c2=&窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2窗口2&;
objWin2=new dragClass('win2','拖动窗口2',c2,350,60,300,300);
var objWin3;
function openWin(){
if(objWin3==null){
var c3=&123窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3窗口3&;
objWin3=new dragClass('win3',c3,c3,700,60,300,300);
if(objWin3.Window.style.display=='none'){
objWin3.Window.style.display='';
&input type=&button& value=&弹出【窗口3】& onClick=&openWin()& /&
上一篇： 下一篇：
| 关于我们 | 联系方式 |
Copyright & , All Rights Reserved2868人阅读
技术文章（31）
程序点击最小化的时候隐藏，是很常见的功能，但是因为C#没有最小化的事件的处理，所以不能直接使用，在网上找了找，别人都是resize和其他几个事件处理，感觉这样不好，所以自己找了找资料，实现代码如下。
窗体的Deactivate事件，判断窗体状态是否为最小化，其他事件判断会出现问题：
private void MainForm_Deactivate(object sender, EventArgs e)&
&&& if (this.WindowState == FormWindowState.Minimized)&
&&&&&&& this.ShowInTaskbar =&
&&&&&&& this.Hide();&
notifyIcon单击显示
private void notifyIcon1_Click(object sender, EventArgs e)&
&&& this.Show();&
&&& this.ShowInTaskbar =&
&&& this.WindowState = FormWindowState.N&
&&& this.BringToFront();&
注意顺序，否则会出现一些错误
隐藏窗体可以用this.visible=或是this.hide();
前者还原窗体时用this.visible=后者用this.show();
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：70210次
排名：千里之外
原创：26篇
转载：20篇
评论：16条
(1)(3)(1)(1)(3)(1)(1)(1)(4)(2)(1)(5)(4)(2)(3)(3)(3)(2)(1)(1)(1)(3)如何用JS隐藏打开的页面?
[问题点数：100分，结帖人iamluda]
如何用JS隐藏打开的页面?
[问题点数：100分，结帖人iamluda]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2008年11月 总版技术专家分月排行榜第三2008年5月 总版技术专家分月排行榜第三2008年3月 总版技术专家分月排行榜第三
2009年3月 Web 开发大版内专家分月排行榜第一2009年2月 Web 开发大版内专家分月排行榜第一2008年11月 Web 开发大版内专家分月排行榜第一2008年7月 Web 开发大版内专家分月排行榜第一2008年6月 Web 开发大版内专家分月排行榜第一2008年5月 Web 开发大版内专家分月排行榜第一2008年4月 Web 开发大版内专家分月排行榜第一2008年3月 Web 开发大版内专家分月排行榜第一2008年2月 Web 开发大版内专家分月排行榜第一
2008年11月 总版技术专家分月排行榜第三2008年5月 总版技术专家分月排行榜第三2008年3月 总版技术专家分月排行榜第三
2009年3月 Web 开发大版内专家分月排行榜第一2009年2月 Web 开发大版内专家分月排行榜第一2008年11月 Web 开发大版内专家分月排行榜第一2008年7月 Web 开发大版内专家分月排行榜第一2008年6月 Web 开发大版内专家分月排行榜第一2008年5月 Web 开发大版内专家分月排行榜第一2008年4月 Web 开发大版内专家分月排行榜第一2008年3月 Web 开发大版内专家分月排行榜第一2008年2月 Web 开发大版内专家分月排行榜第一
2016年2月 总版技术专家分月排行榜第二2014年2月 总版技术专家分月排行榜第二2013年4月 总版技术专家分月排行榜第二
2016年8月优秀小版主2016年7月优秀小版主优秀小版主2015年7月优秀小版主2015年9月优秀小版主2015年5月优秀小版主2014年11月论坛优秀版主
2008年11月 总版技术专家分月排行榜第三2008年5月 总版技术专家分月排行榜第三2008年3月 总版技术专家分月排行榜第三
2009年3月 Web 开发大版内专家分月排行榜第一2009年2月 Web 开发大版内专家分月排行榜第一2008年11月 Web 开发大版内专家分月排行榜第一2008年7月 Web 开发大版内专家分月排行榜第一2008年6月 Web 开发大版内专家分月排行榜第一2008年5月 Web 开发大版内专家分月排行榜第一2008年4月 Web 开发大版内专家分月排行榜第一2008年3月 Web 开发大版内专家分月排行榜第一2008年2月 Web 开发大版内专家分月排行榜第一
2008年11月 总版技术专家分月排行榜第三2008年5月 总版技术专家分月排行榜第三2008年3月 总版技术专家分月排行榜第三
2009年3月 Web 开发大版内专家分月排行榜第一2009年2月 Web 开发大版内专家分月排行榜第一2008年11月 Web 开发大版内专家分月排行榜第一2008年7月 Web 开发大版内专家分月排行榜第一2008年6月 Web 开发大版内专家分月排行榜第一2008年5月 Web 开发大版内专家分月排行榜第一2008年4月 Web 开发大版内专家分月排行榜第一2008年3月 Web 开发大版内专家分月排行榜第一2008年2月 Web 开发大版内专家分月排行榜第一
2008年11月 总版技术专家分月排行榜第三2008年5月 总版技术专家分月排行榜第三2008年3月 总版技术专家分月排行榜第三
2009年3月 Web 开发大版内专家分月排行榜第一2009年2月 Web 开发大版内专家分月排行榜第一2008年11月 Web 开发大版内专家分月排行榜第一2008年7月 Web 开发大版内专家分月排行榜第一2008年6月 Web 开发大版内专家分月排行榜第一2008年5月 Web 开发大版内专家分月排行榜第一2008年4月 Web 开发大版内专家分月排行榜第一2008年3月 Web 开发大版内专家分月排行榜第一2008年2月 Web 开发大版内专家分月排行榜第一
2008年11月 总版技术专家分月排行榜第三2008年5月 总版技术专家分月排行榜第三2008年3月 总版技术专家分月排行榜第三
2009年3月 Web 开发大版内专家分月排行榜第一2009年2月 Web 开发大版内专家分月排行榜第一2008年11月 Web 开发大版内专家分月排行榜第一2008年7月 Web 开发大版内专家分月排行榜第一2008年6月 Web 开发大版内专家分月排行榜第一2008年5月 Web 开发大版内专家分月排行榜第一2008年4月 Web 开发大版内专家分月排行榜第一2008年3月 Web 开发大版内专家分月排行榜第一2008年2月 Web 开发大版内专家分月排行榜第一
2008年11月 总版技术专家分月排行榜第三2008年5月 总版技术专家分月排行榜第三2008年3月 总版技术专家分月排行榜第三
2009年3月 Web 开发大版内专家分月排行榜第一2009年2月 Web 开发大版内专家分月排行榜第一2008年11月 Web 开发大版内专家分月排行榜第一2008年7月 Web 开发大版内专家分月排行榜第一2008年6月 Web 开发大版内专家分月排行榜第一2008年5月 Web 开发大版内专家分月排行榜第一2008年4月 Web 开发大版内专家分月排行榜第一2008年3月 Web 开发大版内专家分月排行榜第一2008年2月 Web 开发大版内专家分月排行榜第一
本帖子已过去太久远了，不再提供回复功能。怎样用代码隐藏、最大化、最小化ACCESS的主窗口_百度知道有关于HTML中最大化最小化页面的样式问题样式，求解决_百度知道