发信人: 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是实现网页变化最有用,最方便的语言。”的确如此,您看一个小小的浏览器窗口在它的作用下也会变得这么“疯狂”,真是令人瞠目结舌啊!
|
|