📄 movewindow.htm
字号:
<html>
<head>
<title>CAI网页教学园</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
var x=0, y=20, dx=4, dy=4, interval=10;
var win= window.open('javascript:"<HTML><HEAD><TITLE>Floaty!</TITLE></HEAD><BODY bgcolor=#ff9933><center>欢迎光临CAI网页教学园,我是会移动的窗口噢!用来做广告最好了!</center></BODY></HTML>"', "","width=200,height=100,screenY=20");
win.moveTo(x,y);
var intervalID=window.setInterval("bounce()",interval);
var sw=screen.availWidth-210
var sh=screen.availHeight-100
function restart(){
interval=10;
win= window.open('javascript:"<HTML><HEAD><TITLE>Floaty!</TITLE></HEAD><BODY bgcolor=#ff9933><center>欢迎光临CAI网页教学园,我是会移动的窗口噢!用来做广告最好了!</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 += dx
y += dy
win.moveTo(x,y)
}
function slower(){
dx=dx/2,dy=dy/2
clearInterval(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>
<style type="text/css">
<!--
a { font-size: 9pt; color: #333333; text-decoration: none}
.unnamed1 { font-size: 9pt}
-->
</style>
</head>
<body bgcolor="#CCCCCC">
<table width="98%" border="1" cellspacing="0" cellpadding="0" align="center" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr align="center">
<td width="100%" height="22"><font color="#0000FF"><b><font color="#333333" class="unnamed1">这个窗口有意思吧 赶快把原代码弄回去吧!改成你想要的效果! </font></b></font></td>
</tr>
<tr>
<td width="100%">
<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>
<center>
</center>
</td>
</tr>
</table>
<table width="98%" border="1" cellspacing="0" cellpadding="0" align="center" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr>
<td width="100%"><font color="#FF6600"><b><font color="#333333">下这段代码拷入<head></head>之间</font></b></font></td>
</tr>
<tr>
<td width="100%"><script><br>
var x=0, y=20, dx=4, dy=4, interval=10;<br>
var win= window.open('javascript:"<HTML><HEAD><TITLE>Floaty!</TITLE></HEAD><br>
<BODY><center>欢迎光临CAI网页教学园,我是会移动的窗口噢!用来做广告最好了!</center></BODY></HTML>"', "","width=200,height=100,screenY=20");<br>
win.moveTo(x,y);<br>
var intervalID=window.setInterval("bounce()",interval);<br>
var sw=screen.availWidth-210<br>
var sh=screen.availHeight-100
<p>function restart(){<br>
interval=10;<br>
win= window.open('javascript:"<HTML><HEAD><TITLE>Floaty!</TITLE></HEAD><br>
<BODY><center>欢迎光临CAI网页教学园,我是会移动的窗口噢!用来做广告最好了!</center></BODY></HTML>"', "","width=200,HEIGHT=110,screenY=20");<br>
x=0, y=20//, dx=4,dy=4;<br>
win.moveTo(x,y);<br>
intervalID=window.setInterval("bounce()",interval);<br>
bounce()<br>
}</p>
<p>function bounce(){</p>
<p> if (win.closed) {<br>
clearInterval(intervalID);<br>
return;<br>
}<br>
if ((x+dx > sw) || (x+dx < 0)) dx = -dx;<br>
if ((y+dy > sh) || (y+dy < 0)) dy = -dy;<br>
x += dx<br>
y += dy<br>
win.moveTo(x,y)<br>
}<br>
function slower(){<br>
dx=dx/2,dy=dy/2<br>
clearInterval(intervalID);win.close()<br>
restart()<br>
}</p>
<p>function faster(){<br>
dx=dx*2,dy=dy*2;<br>
if (dx>64) dx=64,dy=64;<br>
clearInterval(intervalID);win.close()<br>
restart()<br>
}</p>
<p></script></p>
</td>
</tr>
<tr>
<td width="100%"><font color="#CC6600"><b><font color="#333333">以下这段代码拷入<body></body>之间</font> </b></font></td>
</tr>
<tr>
<td width="100%"><form><br>
<div align="center"> <br>
<input type=button value="关闭移动窗口 " onClick="clearInterval(intervalID);win.close();"
name="button"><br>
<br><br>
<input type=button value="重新打开移动窗口" onClick="restart();" name="button2"><br>
<br><br>
<br><br>
<input type=button value="窗口减速成" onClick="slower();" name="button2"><br>
<input type=button value="窗口加速" onClick="faster();" name="button2"><br>
</div><br>
</form><br>
</td>
</tr>
</table>
<div align="center">
<table width="98%" border="1" cellspacing="0" cellpadding="0" bordercolorlight="#000000" bordercolordark="#CCCCCC">
<tr align="center">
<td height="18"><a href="javascript:window.close()">关闭窗口 </a></td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -