一段会弹跳的窗口的javascript的简单代码

sky_cool

于 2005-08-22 14:21:00 发布

阅读量1.7k

点赞数

文章标签： javascript button function input html

本文链接：https://blog.csdn.net/sky_cool/article/details/461479

版权

<html>
<head>
  <title>Untitled Document</title>
  <script language="javascript">
   function bounce()
   {
    if(win.closed)
    {
     clearInterval(intervalID);
     return;
    }

    if((x+dx>(screen.availWidth-w)) || (x+dx<0))
     dx=-dx;

    if((y+dy>(screen.availHeight-h)) || (y+dy<0))
     dy=-dy;

    x+=dx;
    y+=dy;

    win.moveTo(x,y);
   }
  </script>
</head>
<body>
  <script language="javascript">
  var x=0,y=0,w=200,h=200;
  var dx=5,dy=5;
  var interval=50;
  var win=window.open('javascript:"<h1>BOUNCE!</h1>"',"","width="+w+",height="+h);
  win.moveTo(x,y);
  var intervalID=window.setInterval("bounce()",interval);
  </script>
  <input type="button" value="stop" onClick="clearInterval(intervalID);win.close();">
</body>
</html>