精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>DHTML,JavaScript专栏>>“窗口”也疯狂――Javascript窗口程序两例

主题:“窗口”也疯狂――Javascript窗口程序两例
发信人: xmzw(小米粥)
整理人: morefeetin(2001-05-10 08:09:24), 站内信件

  窗口会从天而降,您相信吗?窗口会自己振动,您相信吗?哇噻,天方夜谭呀!窗口怎么能出现如此效果。呵呵,朋友,天下没有不可能的事,只有我们想不到的事。今天笔者就来介绍两个窗口变化的Javascript程序。

  一.“天降神兵”窗口程序

  “天降神兵”是笔者自己起的名字,在网页中添加了这段程序后,会在打开此网页时浏览器窗口从天而降,从而增加网站的趣味性。废话不多说,现在让我们来看看程序代码。

  <script language="Javascript">
  var a //预定义参数a,准备附值 
  function windowdown() //设定程序运行函数 
  {
  if(window.moveBy) //引用javascript内置窗口动作函数window.moveBy 
  {
  window.moveBy (0,-900);//给窗口动作函数附值,即:设置窗口的最终停留位置
  for(a=300;a>0;a--) //增加控制循环语句,锁定窗口移动方向 
  {
  window.moveBy(0,3) //垂直下降动作设定 
  } 
  } 
  } 
  windowdown() //开始运行
  </script>

  “天降神兵”的程序是很简单的,只要您学过Javascript语言,您一看便能理解其含义。如果您没有学过Javascript语言的话,也没有关系,把这段程序拷贝到自己的网页中去便可。同时,您也可以通过“//”以后的程序解释来揣摩一下其中的奥妙。另外如果您想要实现窗口沿着45度角从天而降的话,请修改window.moveBy(0,3)中的“0”参数,大于0为向右沿着45度角运动,小于0为向左沿着45度角运动。

  二.窗口振动程序 

  窗口振动,顾名思义,当打开网页时浏览窗口会先颤动、振荡一会儿,再恢复正常运行。当然对于此程序笔者建议您最好是把它放在子网页中,因为如果直接放在主页中的话,很容易让浏览者误会是自己的操作系统或浏览器有问题(哈哈,程序弄人!)。好了,言归正传,下面便是窗口振动程序代码。 

  <script language="Javascript">
  var a //预定义参数a,准备附值
  var b //预定义参数b,准备附值
  function windowconcuss() //设定程序运行函数 
  {
  if (window.moveBy) //引用javascript内置窗口动作函数window.moveBy 
  {
  for (a=12;a>0;a--) //增加控制循环语句,锁定窗口振动方向
  { 
  for (b=3;b>0;b--) //增加控制循环语句,锁定窗口振动方向
  {
  window.moveBy(0,a);
  window.moveBy(a,0);
  window.moveBy(0,-a);
  window.moveBy(-a,0); //振动程序运行控制模块 
  } 
  }
  } 
  }
  windowconcuss() //开始运行 
  </script>

  细心的朋友看到这里会发现“天降神兵”与“窗口振动”两程序基本上是差不多的,都调用了Javascript中WINDOWS的操作对象window.moveBy()。其实对于一门编程语言来说,无论是Javascript,还是Visual Basic,C++,都遵循着一个规律:操作对象是内定的,实现哪种效果就看您的思维如何。 

  至此窗口变化的两个程序已经全部展现在各位面前,下面是的两张网页是窗口变化程序的具体应用,大家可以参考一下,以便加深理解。 

  <html>
  <head>
  <title>天降神兵程序</title>
  </head>
  <script language="Javascript">
  var a function windowdown(){ 
  if(window.moveBy) 
  {window.moveBy (0,-900);
  for(a=300;a>0;a--)
  {window.moveBy(0,3);} 
  } 
  }windowdown()
  </script>
  <p>这是一个“天降神兵”的程序!</p>
  </body>
  </html> 

  <html>
  <head>
  <title>窗口震动程序</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  </head>
  <body bgcolor="#FFFFFF">
  <p> 
  <script language="Javascript">
  var a
  var b
  function windowconcuss(){
  if (window.moveBy) 
  {for (a=12;a>0;a--) 
  {for (b=3;b>0;b--)
  {window.moveBy(0,a);
  window.moveBy(a,0);
  window.moveBy(0,-a);
  window.moveBy(-a,0);}
  } 
  }
  }windowconcuss()
  </script>
  </p>
  <p>这是一个震动的窗口,怎么样“酷”吗?</p>
  </body>
  </html> 

  有位高手曾经说过这样一句话:“Javascript是实现网页变化最有用,最方便的语言。”的确如此,您看一个小小的浏览器窗口在它的作用下也会变得这么“疯狂”,真是令人瞠目结舌啊! 
 
 
 

[关闭][返回]