`
touchmm
  • 浏览: 1055320 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

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

效果 :

分享到:
评论

相关推荐

    脚本化浏览器窗口

    ### 脚本化浏览器窗口知识点详解 #### 14.1 计时器 - **setTimeout 和 setInterval**: 这两个方法允许开发者设置一个函数在指定时间后执行一次(setTimeout)或每隔一段时间重复执行(setInterval)。它们是客户端...

    动态浏览图片(自动移动图片)

    平时课余时间做的一些的小东西,虽然不是很复杂但是可以拿来简单学习一下,希望可以帮到你们

    上下左右走动窗口

    这种技术可以让浏览器窗口按照指定的方向(上、下、左、右)移动,通常用于创建视觉效果或者进行窗口管理。 标签:“走动窗口”这个标签进一步强调了该功能的核心——使窗口能够“行走”。在实际应用中,这可能用于...

    RobotFramework选择窗口方法.pdf

    在使用Robot Framework的同事编写自动化脚本时,他们发现在使用`Select Window`关键字选择浏览器窗口时,有时会意外跳转到其他窗口或选择错误的窗口。为了解决这个问题,作者封装了一个新的关键字来确保选择正确的...

    有趣的浏览器地址栏JS代码

    该代码段使得浏览器窗口产生抖动效果,通过连续调用`self.moveBy()`方法,以不同方向和距离移动浏览器窗口,从而产生视觉上的震动感。 接下来的部分展示了字符串反转功能: ```javascript {var inp="D-X!...

    图片浏览器

    图片浏览器的连续播放功能可能是通过一个定时器或者事件循环实现的,每隔一段时间自动切换到下一张图片,并可以设置不同的过渡效果,如淡入淡出,平滑移动等,以提升用户体验。此外,程序可能还集成了常见的图片格式...

    浏览器事件大全.txt

    - **定义**:当浏览器窗口移动时触发。 - **兼容性**:IE、N4。 - **应用场景**:窗口位置记录、位置变化监控。 **2.6 onresize** - **定义**:当浏览器窗口大小改变时触发。 - **兼容性**:IE4、N4。 - **应用场景...

    Qt实现图片浏览器源代码(简单实例)

    1. **QApplication**:这是所有Qt应用的核心,负责管理事件循环和窗口系统。在应用的主函数中,你需要创建一个QApplication实例来启动应用。 2. **QWidget**:这是所有GUI组件的基础类,包括窗口、按钮、文本框等。...

    网页小窗口播放代码

    5. **响应式设计**:为了适应不同设备和屏幕尺寸,需要确保小窗口播放代码能够在手机、平板和桌面电脑上正常工作。可以利用CSS3的媒体查询(`media queries`)进行适配。 6. **Web Workers**:如果视频处理需要大量...

    2304489791721561.创建窗口.zip

    在网页中,使用HTML和CSS可以构建页面布局,但实际的浏览器窗口是由浏览器管理的。JavaScript提供了`window.open`方法来创建新窗口,但这通常用于用户交互而非程序启动时的窗口创建。 7. **游戏开发中的窗口创建**...

    不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果

    例如,在上面的代码中,我们使用resizeTo函数将浏览器窗口resize到300x300的大小,并使用moveTo函数将浏览器窗口移动到屏幕的左上角(0,0)。 2. JavaScript中的window对象和screen对象: 在JavaScript中,window...

    简单的java applet图像移动重画实例

    Java Applet是Java技术在早期Web开发中的一种应用方式,它允许开发者创建可以在浏览器中运行的小型应用程序。在这个“简单的java applet图像移动重画实例”中,我们将深入探讨Java Applet的基础知识,以及如何实现...

    2291游戏浏览器怎么用.docx

    在游戏开启后,将自动喊话的图标拖入聊天输入框,设置好喊话内容和间隔时间,点击“启动”按钮,浏览器就会按照设定循环喊话,解放玩家的双手。 最后,2291游戏浏览器还具备鼠标录制功能。开启鼠标录制后,点击...

    Vivaldi浏览器 v2.2.1388.23 Snapshot.zip

    不需要TAB循环通过网页内容了当你可以用箭头键移动各轴。只是你的键盘快速获取网页上的任何地方。 页面平铺 有时你想比较两个或两个以上的页面呢?你可以选择显示或堆叠标签并排或网格布局。有一个高分辨率的显示器...

    GDI+图片放大镜全屏浏览器

    要实现全屏查看图片,需要改变窗口样式,移除边框和标题栏,然后调整窗口大小以适应屏幕分辨率。在Windows API中,可以使用`SetWindowLong`函数修改窗口样式,`ShowWindow`函数设置窗口显示状态。 4. **放大镜功能...

    行业分类-设备装置-对网页主体元素进行处理的浏览器及方法.zip

    在HTML结构中,`&lt;body&gt;`标签内的内容构成了网页的主体,它包含了用户在浏览器窗口中看到的所有可见元素,如文本、图像、链接、表单、按钮等。这些元素的处理直接关系到用户体验,包括页面加载速度、布局显示、交互...

    最简单的java applet图像移动重画实例

    这个例子中,图像会在Applet窗口的x轴方向上不断移动,当图像移动到屏幕边缘时,它的x坐标会重置回初始值,形成一个循环移动的效果。`getImage()`方法用于从指定URL加载图像,`getWidth()`和`getHeight()`分别获取...

    jquery窗口震动特效.zip

    这里的“窗口”通常指的是浏览器窗口或者网页中的某个元素,而“震动特效”则是通过编程手段让这些元素产生一种动态的、类似震动的运动效果。这个压缩包文件可能包含了一个实现这种特效的jQuery插件或代码示例。 在...

    鼠标事件大全 包括不同浏览器是否支持 鼠标事件非常完整

    ### 鼠标事件大全与跨浏览器兼容性详解 在Web开发中,了解并掌握鼠标事件及其在不同浏览器中的支持情况对于创建响应式和交互性强的网页至关重要。本文将全面解析一系列鼠标事件,并探讨它们在Internet Explorer(IE...

Global site tag (gtag.js) - Google Analytics