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

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


 

圖片式拉把遊戲

玩文字式的[吃角子老虎]好像不太過癮喔,現在換個花樣吧!來玩玩[圖片]式的[吃角子老虎]遊戲吧!下面表格就是一個圖形式的JAVA拉把遊戲,趕快按一下開始按鈕來試試你的手氣吧。


步驟一:用滑鼠將底下的一拖拉庫程式碼(藍色的喔),標記起來,按滑鼠右鍵選擇【複製】〈游標不能離開標示起來的反白區喔〉將以下的控制碼先複製起來。

步驟二:然後在網頁中的 </HEAD> 之前按滑鼠右鍵選擇【貼上】將剛剛複製的東東貼上!(其實只要把程式碼貼在<HEAD></HEAD>標記中間任何一個地方都可以啦!)

步驟三:在網頁上你要放置[吃角子老虎]版面的地方加上紅色的按鈕程式碼!!一切大功告成。

步驟四:另外你還得準備五張[吃角子老虎]所需的變化圖形,筆者已精為你準備好一組圖形啦!如果你喜歡的話,在圖片上按滑鼠左鍵然後另存圖片把它們抓回去吧!!


image0.gif


image1.gif


image2.gif


image3.gif


image4.gif

 
<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
var start=0,left=0,center=0,right=0
var slot1=1,slot2=1, slot3=1,delay=100 //
delay 為圖片切換時間,越大越慢
theImages=new Array()
for(i=0; i<=4; i++){
theImages[i]=new Image()
theImages[i].src="image"+i+".gif"
}

function game1(){
if(slot1 !=0){
start=1
left=Math.floor(Math.random()*1000) % 4
document.image1.src=theImages[left].src
timeID1=setTimeout("game1()",delay)
}
}

function game2(){
if(slot2 !=0){
center=Math.floor(Math.random()*1000) % 4
document.image2.src=theImages[center].src
timeID2=setTimeout("game2()",delay)
}
}

function game3(){
if(slot3 !=0){
right=Math.floor(Math.random()*1000) % 4
document.image3.src=theImages[right].src
timeID3=setTimeout("game3()",delay)
}
}
function stopgame1(){
slot1=0
hit()
}
function stopgame2(){
slot2=0
hit()
}
function stopgame3(){
slot3=0
hit()
}
function hit(){
if(start == 1){
if((slot1 == 0) && (slot2 == 0) && (slot3 == 0)) {
if((left == center) && (center == right)){
confirm("恭喜您,中獎啦!")
Init()

}else{
confirm( "Go,Go,Go..........!")
Init()
}
}
}else{
slot1=1
slot2=1
slot3=1
}
} function Init(){
start=0;
slot1=1;
slot2=1;
slot3=1;
clearTimeout(timeID1);
clearTimeout(timeID2);
clearTimeout(timeID3);
document.image1.src="image0.gif"
document.image2.src="image0.gif"
document.image3.src="image0.gif"
}
</SCRIPT>


</HEAD>

<BODY >

<CENTER>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR><TD>
<p align="center"><IMG SRC="image0.gif" NAME="image1"></p>
</TD><TD>
<p align="center"><IMG SRC="image0.gif" NAME="image2"></p>
</TD><TD>
<p align="center"><IMG SRC="image0.gif" NAME="image3"></p>
</TD></TR>
<TR>
<TD ALIGN="center"><INPUT TYPE="button" onClick="stopgame1()" VALUE="[停止]"></TD>
<TD ALIGN="center"><INPUT TYPE="button" onClick="stopgame2()" VALUE="[停止]"></TD>
<TD ALIGN="center"><INPUT TYPE="button" onClick="stopgame3()" VALUE="[停止]"></TD>
</TR><TR>
<TD COLSPAN="3" ALIGN="center">
<INPUT TYPE="button" onClick="game1();game2();game3()" VALUE="開始">
<INPUT TYPE="button" onClick="stopgame1();stopgame2();stopgame3()" VALUE="全停">
</TD></TR>
</TABLE>
</CENTER> 

</BODY>
</HTML>

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

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