在上网浏览
网页的过程中，大家是否见过网页中有些
图片或文字会在页面中随机移动呢？
动态ＨＴＭＬ中大多数的内容要想精确定位都要用到＜ＤＩＶ＞标签作为容器定义一个对象。在＜ｄｉｖ＞．．．＜／ｄｉｖ＞容器之间可以放置任何对象，并且可随意控制这个对象的位置（坐标），但Ｎｅｔｓｃａｐｅ的浏览器还不支持这项规定。我们接下去要做的就是将需要随机移动的图片或文字放在＜ｄｉｖ＞．．．＜／ｄｉｖ＞容器之中，给这个对象起一个名称，再写一个定时执行的脚本来改变各个对象的位置；看下面这段源代码，各位肯定都理解是怎么一会事了。注／／后的文字为注释）
＜ｈｔｍｌ＞
＜ｈｅａｄ＞
＜ｔｉｔｌｅ＞会移动的图形和文字＜／ｔｉｔｌｅ＞ ／／网页的标题
＜ｓｃｒｉｐｔ ｌａｎｇｕａｇｅ＝″ｊａｖａｓｃｒｉｐｔ″＞ ／／一个定时执行的ＪＡＶＡ
脚本
程序ｖａｒ ｂ２＝３ｂ１＝６ａ２＝４ａ１＝２ ／／定义变量
ｆｕｎｃｔｉｏｎ ｍｏｖｅＩｔ ／／移动各个对象的位置，使用了递归调用方法。
ｂｂｂ．ｓｔｙｌｅ．ｌｅｆｔ ＝ ｐａｒｓｅＩｎｔｂｂｂ．ｓｔｙｌｅ．ｌｅｆｔ － ｂ１ ／／将名为ｂｂｂ的对象的行坐标减去ｂ１
ｂｂｂ．ｓｔｙｌｅ．ｔｏｐ ＝ ｐａｒｓｅＩｎｔｂｂｂ．ｓｔｙｌｅ．ｔｏｐ ＋ ｂ２ ／／将名为ｂｂｂ的对象的纵坐标加上ｂ２
ａａａ．ｓｔｙｌｅ．ｌｅｆｔ ＝ ｐａｒｓｅＩｎｔａａａ．ｓｔｙｌｅ．ｌｅｆｔ ＋ ａ１ ／／和上两行类似
ａａａ．ｓｔｙｌｅ．ｔｏｐ ＝ ｐａｒｓｅＩｎｔａａａ．ｓｔｙｌｅ．ｔｏｐ ＋ ａ２
ｉｆ ｐａｒｓｅＩｎｔｂｂｂ．ｓｔｙｌｅ．ｌｅｆｔ＜０｜｜ｐａｒｓｅＩｎｔｂｂｂ．ｓｔｙｌｅ．ｌｅｆｔ＞４８０ ｂ１＝－ｂ１
ｉｆ ｐａｒｓｅＩｎｔｂｂｂ．ｓｔｙｌｅ．ｔｏｐ＜０｜｜ｐａｒｓｅＩｎｔｂｂｂ．ｓｔｙｌｅ．ｔｏｐ＞１８０ ｂ２＝－ｂ２ ／／判断对象ｂｂｂ
是否超出了显示范围？若超出了范围，则让ｂ１＝－ｂ１
ｉｆ ｐａｒｓｅＩｎｔａａａ．ｓｔｙｌｅ．ｌｅｆｔ＜０｜｜ｐａｒｓｅＩｎｔａａａ．ｓｔｙｌｅ．ｌｅｆｔ＞４８０ ａ１＝－ａ１
ｉｆ ｐａｒｓｅＩｎｔａａａ．ｓｔｙｌｅ．ｔｏｐ＜－１００｜｜ｐａｒｓｅＩｎｔａａａ．ｓｔｙｌｅ．ｔｏｐ＞１８０ ａ２＝－ａ２ ／／和上二行意思一样；
ｓｅｔＴｉｍｅｏｕｔ＇ｍｏｖｅＩｔ＇ １００ ／／１００毫秒之后再调用本函数，以形成递归；
＜／ｓｃｒｉｐｔ＞ ／／脚本结束；
＜／ｈｅａｄ＞
＜ｂｏｄｙ ｏｎｌｏａｄ＝″ｍｏｖｅＩｔ″＞ ／／当网页加载时执行上面的ｊａｖａ脚本程序，完成对象的移动；
＜ｄｉｖ ｉｄ＝″ｂｂｂ″ ｓｔｙｌｅ＝″ｐｏｓｉｔｉｏｎｒｅｌａｔｉｖｅ ｌｅｆｔ２０ｐｘｔｏｐ８ｐｘ ｗｉｄｔｈ４０ｐｘ ｈｅｉｇｈｔ１６ｐｘ″＞
＜ｄｄ＞＜ｉｍｇ ｓｒｃ＝″ｐｉｃｔｕｒｅ．ｇｉｆ″ ｗｉｄｔｈ＝″９０″ ｈｅｉｇｈｔ＝″８０″＞ ＜／ｄｄ＞
＜／ｄｉｖ＞ ／／用＜ｄｉｖ＞．．．＜／ｄｉｖ＞定义了一个名为ｂｂｂ的对象，其初始坐标为ｘ２０ｙ８对象的宽度ｗｉｄｔｈ＝６０和高度ｈｅｉｇｈｔ＝４９，这个对象只包括一张图片名为ｐｉｃｔｕｒｅ．ｇｉｆ
＜ｄｉｖ ｉｄ＝″ａａａ″ ｓｔｙｌｅ＝″ｐｏｓｉｔｉｏｎｒｅｌａｔｉｖｅ ｌｅｆｔ１０ｐｘｔｏｐ８ｐｘ ｗｉｄｔｈ９００ｐｘ ｈｅｉｇｈｔ１６ｐｘ″＞
＜ｄｄ＞＜ｆｏｎｔ ｃｏｌｏｒ＝″＃ＦＦ００ＦＦ″＞好玩吗？！！！ ＜／ｆｏｎｔ＞＜／ｄｄ＞
＜／ｄｉｖ＞ ／／同样定义了一个名为ａａａ的对象，对象包括一行文字。
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
(浙江 ｚｒｏｍ)
