飄落的效果

<html>

<head>

<title>xxxxx</title>

</head>

<!--

function timer()

{

var y

這裡開始是設定是第一張圖在網頁中飄落的狀態

y = img1.style.posTop + 5

（上面這一行是設定飄下來的速度，數字越大，速度越快）

if(y > document.body.clientHeight*2) y = 0

（橘色的字是你要設定從上面飄到下面，到什麼高度結束，可以改成小數點，如1.2，0.5等等）

img1.style.posLeft = 100 + Math.sin(y/240) * 90

（上面這一行的數字100是設定要從距離左邊多遠的地方開始飄，數字越大距離越遠，240是設定要飄下後往左折回的折返點，數字越大距離越大，90是飄下來移動的斜度，數字越大，斜度越大）

img1.style.posTop = y

這裡開始是設定是第二張圖在網頁中飄落的狀態

y = img2.style.posTop + 7

if(y > document.body.clientHeight*2) y = 0

img2.style.posLeft = 160 + Math.sin(y/120) * 75

img2.style.posTop = y

這裡開始是設定是第三張圖在網頁中飄落的狀態

y = img3.style.posTop + 8

if(y > document.body.clientHeight*2) y = 0

img3.style.posLeft = 80 + Math.sin(y/350) * 100

img3.style.posTop = y

這裡開始是設定是第四張圖在網頁中飄落的狀態

y = img4.style.posTop + 9

if(y > document.body.clientHeight*2) y = 0

img4.style.posLeft = 230 + Math.sin(y/90) * 120

img4.style.posTop = y

這裡開始是設定是第五張圖在網頁中飄落的狀態

y = img5.style.posTop + 7

if(y > document.body.clientHeight*2) y = 0

img5.style.posLeft = 300 + Math.sin(y/180) * 150

img5.style.posTop = y

這裡開始是設定是第六張圖在網頁中飄落的狀態

y = img6.style.posTop + 10

if(y > document.body.clientHeight*2) y = 0

img6.style.posLeft = 360 + Math.sin(y/350) * 60

img6.style.posTop = y

這裡開始是設定是第七張圖在網頁中飄落的狀態

y = img7.style.posTop + 7

if(y > document.body.clientHeight*2) y = 0

img7.style.posLeft = 500 + Math.sin(y/200) * 150

img7.style.posTop = y

這裡開始是設定是第八張圖在網頁中飄落的狀態

y = img8.style.posTop + 8

if(y > document.body.clientHeight*2) y = 0

img8.style.posLeft = 570 + Math.sin(y/100) * 60

img8.style.posTop = y

下面這行絕對不能忘記!!這行的作用是呼叫本身以使程式能一直重複執行，這種寫法叫做遞迴（recursive）

setTimeout("timer()", 50)

}

//-->

</script>

下面紅色的部分就是在畫面開始執行時，開始呼叫上面那一大段的程式了!!可別漏了ㄛ，漏了的話，就只能看到圖片排排站了!!

<body OnLoad=" setTimeout('timer()', 50)" background="aaa.gif"

bgcolor="#DFFFDF" text="#008000" link="#008000" vlink="#627847" alink="#00773C">

下面紅色的部分千萬不可以忘!!如果不能執行的話，大部分是紅色的部分忘了放進去!!

(上面這一行的100是設定圖片在網頁一開始距離左邊的位置，50是距離上面的位置，數字越大，距離越遠)

好了，接下來就是放你的網頁內容了，愛放什麼，就放什麼吧!!

</body>

</html>