下降式浏览器

1年前 阅读 161 评论 0 赞 0

下降式浏览器

实例说明

本实例是在窗口打开时,将整个窗口放在屏幕的最上面,使窗口无法在屏幕中进行显示,然后动态地使窗口进行下移,直到窗口显示在屏幕的左上角为止。

技术要点

本实例主要应用了 screen 对象的 availHesht 属性来获得当前屏幕工作区的高度,并用 window 对象的 moveBy()方法使窗口自动下移。下面对 window 对象的 moveBy()方法进行详细的介绍。

moveBy()方法的语法格式:

  1. window.moveBy(x,y)

参数说明如下。

  • x:水平位移量
  • y:垂直位移量

功能:按照指定位移量设置窗口的大小。

实现过程

实现功能的主页面

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <script type="text/javascript">
  7. function drop()
  8. {
  9. var heig = window.screen.availHeight;
  10. if(self.moveBy)
  11. {
  12. self.moveBy(0,-heig);
  13. for(i = Math.floor(heig/3);i>0;i--)
  14. {
  15. self.moveBy(0,3);
  16. }
  17. }
  18. }
  19. </script>
  20. </head>
  21. <body onload = "drop()">
  22. <img src="new.jpg"/><br/>
  23. <img src="new.jpg"/><br/>
  24. <img src="new.jpg"/><br/>
  25. <img src="new.jpg"/><br/>
  26. </body>
  27. </html>
你的支持将鼓励作者继续创作

评论(0)

(无)