學習參考書JavaScript精緻範例辭典

回首頁 與我們連絡 網站地圖 加入我的最愛


 

落葉片片

看見樹頁一片片的掉落是不是很羅曼蒂克?很美喔!趕快把這個特效帶回去吧,不過,很可惜本例只能用於Netscape瀏覽器,如果你使用IE瀏覽器來來觀賞是看不到任何效果的喔!

步驟一:用滑鼠將底下<SCRIPT Language="JavaScript"></SCRIPT>這兩個標記內的程式碼(含標記本身藍色的喔),標記起來,按滑鼠右鍵選擇【複製】〈游標不能離開標示起來的反白區喔〉將以下的控制碼先複製起來。

步驟二:然後在網頁中的<BODY>標記 之後按滑鼠右鍵選擇【貼上】將剛剛複製的東東貼上!

步驟三:程式敘述中特別加註必須連接為一行的部分,請記得更正過來

步驟四:將原始碼中橘紅地方的內容改成你要顯現的圖片檔名。大功告成!

注意:本範例只適用於Netscapt瀏覽器

 
<HTML>
<HEAD>
<TITLE>落葉片片</TITLE>

</HEAD>

<BODY>

 <SCRIPT language=JavaScript>
<!--
var maximg = 10 
//網頁中要出現的圖片數量
var speed = 10 
//變換速度

positionX = new Array()
positionY = new Array()
act = new Array()
moveX = new Array()
moveY = new Array()
var myimg = "leaf.gif"  //指定圖檔來源

for (var i = 0; i < maximg; ++ i) 

positionX[i] = Math.random()*self.innerWidth
//水平X軸顯示範圍設定
positionY[i] = Math.random()*self.innerHeight
//垂直Y軸顯示範圍設定
act[i] = 0 
moveX[i] = 0.1 + Math.random()/15
moveY[i] = 0.1+ Math.random()*3
if (i == 0) 

//以下兩行敘述必許連接寫成一行
{document.write("<layer name=\"map"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + myimg + "\" border=\"0\"></layer>");} 

else 
//以下兩行敘述必許連接寫成一行
{document.write("<layer name=\"map"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + myimg + "\" border=\"0\"></layer>");}

}

function snow() { 
for (var i = 0; i < maximg; ++ i) 

positionY[i] += moveY[i]
if (positionY[i] >self.innerHeight) 
{
positionX[i] = Math.random()*self.innerWidth
positionY[i] = Math.random()*self.innerHeight
moveX[i] = 0.1 + Math.random()/10 
//垂直Y軸移動設定
moveY[i] = 0.1 + Math.random()*3
  //垂直Y軸移動設定
}
positionX[i] += moveX[i]
document.layers["map"+i].top = positionY[i]+ Math.cos(act[i])*positionY[i]/15
document.layers["map"+i].left =positionX[i] 
}
setTimeout("snow()", speed)
}

snow()
//-->

</SCRIPT> 


</BODY>
</HTML>

JavaScript 文件
鏈結圖片切換
簡易月曆
隨機背景底圖
蹦出式廣告視窗
觸控式背景色轉換
游標跑馬燈
鏈結說明跑馬燈
文字鏈結提示說明
四處移動的圖片
圖片式進站時間
簡易線上占卜
文字拉把遊戲
圖片拉把遊戲
定時更換圖片(1)
定時更換圖片(2)
項目導覽說明
上下震動與捲動頁面
飛行定位文字
旋轉飛行文字
幻化隱現文字
漫天飛舞
落葉片片
浮動鏈結選單
側拉式鏈結選單
友站連結/快速選單
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為