Js实现可控制的移动窗口

2024-09-05 12:18:30

字体：大中小

来源：转载

供稿：网友

运用JavaScript实现的可以控制移动速度的移动窗口，移动窗口是由window.open函数弹出的，在父窗口中，可进行移动子窗口的参数控制，非常不错。不过window.open现在用的不多了。

<html><head><title>可控制的移动窗口</title><script>var x=0, y=20, dx=4, dy=4, interval=10;var win= window.open('javascript:"<HTML><HEAD><TITLE>Floaty!</TITLE></HEAD><BODY><center>欢迎光临源码爱好者，我是会移动的窗口噢！用来做广告最好了！</center></BODY></HTML>"', "","width=200,height=100,screenY=20");win.moveTo(x,y);var intervalID=window.setInterval("bounce()",interval);var sw=screen.availWidth-210var sh=screen.availHeight-100 function restart(){interval=10;win= window.open('javascript:"<HTML><HEAD><TITLE>Floaty!</TITLE></HEAD><BODY><center>欢迎光临源码爱好者，我是会移动的窗口噢！用来做广告最好了！</center></BODY></HTML>"', "","width=200,HEIGHT=110,screenY=20");x=0, y=20//, dx=4,dy=4;win.moveTo(x,y);intervalID=window.setInterval("bounce()",interval);bounce()}function bounce(){if (win.closed) {clearInterval(intervalID);return;}if ((x+dx > sw) || (x+dx < 0)) dx = -dx;if ((y+dy > sh) || (y+dy < 0)) dy = -dy;x += dxy += dywin.moveTo(x,y)}function slower(){dx=dx/2,dy=dy/2clearInterval(intervalID);win.close()restart()}function faster(){dx=dx*2,dy=dy*2;if (dx>64) dx=64,dy=64;clearInterval(intervalID);win.close()restart()}</script></head><body><form><div align="center"> <input type=button value="关闭移动窗口 " onClick="clearInterval(intervalID);win.close();" name="button"><br><input type=button value="重新打开移动窗口" onClick="restart();" name="button2"><br><br><input type=button value="窗口减速成" onClick="slower();" name="button2"><input type=button value="窗口加速" onClick="faster();" name="button2"></div></form></body></html>

上一篇：网页特效：花俏的转动的窗口

下一篇：Web 页对话框，可拖动，可自动关闭

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注