玩转 Javascript 弹出窗口, 居中与居角扩大窗口至屏幕最大值

玩转 Javascript 弹出窗口, 居中与居角扩大窗口至屏幕最大值 By shawl.qiu




说明:


主要使用 Js 的 setInterval() 和 clearInterval() 函数完成操作.




目录:


1. 居中弹出窗口, 并逐步扩大


2. 居角弹出窗口, 并逐步扩大


3. 附加: 双击滚屏, 单击停止, 以 Scroll bar 的相对位置滚屏




shawl.qiu


2006-10-24

http://blog.csdn.net/btbtd



1. 居中弹出窗口, 并逐步扩大




linenum


<script type="text/javascript">


//<![CDATA[




if (navigator.appName=="Microsoft Internet Explorer") ...{


//最大化窗口


self.moveTo(-5,-5)


self.resizeTo(screen.availWidth +8,screen.availHeight+8)


//这个脚本定义的宽度其实比原窗口还要大那么一点.


}




var w=h=200;


x=(screen.width-w)/2;


y=(screen.height-h)/2;


var n=open('','newWin','width='+w+',height='+h+',left='+x+',right='+x+',top='+y+',bottom='+y);


n.document.write('


<script>


document.write("temp"); /* 临时内容, 去掉出错 */


document.body.innerHTML=""; /* 清空页面内容 */


document.onclick=function(){ close();} /* 单击关闭窗口 */


</script>');


n.document.write('<h2>test moving window</h2>');


n.focus();




var timer=setInterval('fMovingWin()',1);






function fMovingWin()...{




if (n.closed||(w>=screen.width+8&&h>=screen.height+8)) ...{


clearInterval(timer);


return;


}




try...{


if(w<=screen.width+8)w+=2;


if(h<=screen.height+8)h+=2;


n.resizeTo(w, h)


x=(screen.width-w)/2;


y=(screen.height-h)/2;


n.moveTo(x,y)




} catch(e) ...{} //shawl.qiu script


}




//]]>


</script>




2. 居角弹出窗口, 并逐步扩大




linenum


<script type="text/javascript">


//<![CDATA[




if (navigator.appName=="Microsoft Internet Explorer") ...{


//最大化窗口


self.moveTo(-5,-5)


self.resizeTo(screen.availWidth +8,screen.availHeight+8)


//这个脚本定义的宽度其实比原窗口还要大那么一点.


}




var w=h=200;


x=y=-5;


var n=open('','newWin','width='+w+',height='+h+',left='+x+',right='+x+',top='+y+',bottom='+y);


n.document.write('


<script>


document.write("temp"); /* 临时内容, 去掉出错 */


document.body.innerHTML=""; /* 清空页面内容 */


document.onclick=function(){ close();} /* 单击关闭窗口 */


</script>');


n.document.write('<h2>test moving window</h2>');


n.focus();




var timer=setInterval('fMovingWin()',1);






function fMovingWin()...{




if (n.closed||(w>=screen.width+8&&h>=screen.height+8)) ...{


clearInterval(timer);


return;


}




try...{


if(w<=screen.width+8)w+=2;


if(h<=screen.height+8)h+=2;


n.resizeTo(w, h)




//从右下角逐步扩大窗口




/**//* x=screen.width-w


y=screen.height-h


n.moveTo(x,y) */




//从左上角逐步扩大窗口


n.moveTo(x,y)




} catch(e) ...{} //shawl.qiu script


}




//]]>


</script>




3. 附加: 双击滚屏, 单击停止, 以 Scroll bar 的相对位置滚屏




linenum


<script type="text/javascript">


//<![CDATA[




function scb()...{ timer=setInterval('scrollBy(0,1)',1000) }




document.onmousedown=function()...{ try...{ clearInterval(timer);} catch(e)...{} }




document.ondblclick=function()...{ scb(); }


//]]> //shawl.qiu script


</script>