疑是银河落九天──网页瀑布效果制作

数码时尚

吴瑾珲

　　先准备一个水流的图片，静态的就可以了，我们将它制作出半透明向下卷动效果，形成动态的“瀑布”。

　　步骤一：复制以下代码到＜head＞和＜/head＞之间：

　　＜script language="javascript"＞

　　＜!--

　　timerID = 0; // 计时器变数

　　time = 100; // 计时器插入速度

　　waterHeight = 96; // 水流图案的纵轴

　　y = -waterHeight; // 设定瀑布的初始Y坐标

　　speed = 4; // 瀑布的流动速度

　　// 让瀑布往下移动

　　function moveWater()

　　{

　　y += 4;

　　if (y > -1) y = -waterHeight;

　　if (document.layers) document["water"].top = y;

　　if (document.all) window["water"].style.pixelTop = y;

　　clearTimeout(timerID);

　　timerID = setTimeout("moveWater()",time); // 计时器插入的设定

　　}

　　// --＞

　　＜/script＞

　　onLoad="moveWater()"

　　＜div id="water" style="position: absolute; left: 488; top: -90; width: 49; height: 976"＞

　　＜img src="img/water.gif" width="48" height="96"＞＜br＞

　　存档，到浏览器中看一看，是不是有了一道清澈的瀑布？