浏览器窗口沿着屏幕边循环移动

练习一下两个window对象的方法的使用

window.open(url , name , features , replace) :

url : 指定要访问的页面

name : 访问页面的名称

replace : 指定创建新的历史条目

features : 指定打开窗口显示控制属性,可选参数,值为打开页面的属性信息,如下

            height  : pixel,浏览器窗口高度

            width : pixel,浏览器窗口宽度

             left : pixel,窗口距屏幕左边的位置

             top : pixel,窗口距屏幕顶部的位置

             toolbar : 是否有标准工具栏,yes or no

             lacation : 是否显示url ,yes or  no

             directories : 是否显示目标按钮,yes or no

             status : 是否显示状态栏,yes  or  no

             menubar : 是否显示菜单栏,yes  or  no

             scrollbars : 当文档内容大于窗口时是否有滚动条,yes  or  no

             resizable : 定义窗口是否可以改变大小,yes  or  no

             outerHeight : pixel,窗口的外部高度

             outerWidth : pixel,窗口的外部宽度

setInterval(code , delay) :

code : 周期性执行的代码

delay : 延时,毫秒为单位(基本JavaScript里面的与时间联系的都是以毫秒为单位),1秒=1000毫秒

Code:
  1. var i=0;   
  2.     var winWidth=window.screen.availWidth;   /*获取屏幕的宽度*/  
  3.     var winHeight=window.screen.availHeight; /*获取屏幕的高度*/  
  4.     var winNew=window.open("001.html","001","left=0,top=0,height=10,width=10,scrollbars=yes");/*指定打开的窗口*/  
  5.     function flash()   
  6.     {   
  7.            
  8.         if(i==0)   
  9.         {   
  10.             /*如果是j<winWidth,那么将永远执行不到里面的if语句,当j++>winWidth时就跳出循环了*/  
  11.             for(j=0;j<=winWidth;j++)   
  12.             {   
  13.                 winNew.moveBy(1,0);   
  14.                 if(j==winWidth)   
  15.                 {   
  16.                     i=1;   
  17.                     break;   
  18.                 }   
  19.             }   
  20.         }   
  21.         if(i==1)   
  22.         {   
  23.             for(k=0;k<=winHeight;k++)   
  24.             {   
  25.                 winNew.moveBy(0,1);   
  26.                 if(k==winHeight)   
  27.                 {   
  28.                     i=2;   
  29.                     break;   
  30.                 }   
  31.             }   
  32.         }   
  33.         if(i==2)   
  34.         {   
  35.             for(m=0;m<=winWidth;m++)   
  36.             {   
  37.                 winNew.moveBy(-1,0);   
  38.                 if(m==winWidth)   
  39.                 {   
  40.                     i=3;   
  41.                     break;   
  42.                 }   
  43.             }   
  44.         }   
  45.         if(i==3)   
  46.         {   
  47.             for(n=0;n<=winHeight;n++)   
  48.             {   
  49.                 winNew.moveBy(0,-1);   
  50.                 if(n==winHeight)   
  51.                 {   
  52.                     i=0;   
  53.                     break;   
  54.                 }   
  55.             }   
  56.         }   
  57.         /*setTimeout("flash()",10);此效果与下面的函数一样的*/  
  58.         setInterval("flash()",10);   
  59.     }  

效果 :

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值