スロット
<html> <head> <title>スロット</title> <script language="JavaScript"> <!-- imgs = new Array(); for(i = 0 ; i < 10 ; i++) { //画像読み込み imgs[i] = new Image(); imgs[i].src = "../../sample/img/no/" + i + ".gif"; } slot = new Array(); //リール配列 slot[1] = new Array("5","6","7","8","9","0","1","2","3","4"); slot[2] = new Array("3","5","7","9","2","4","6","8","0","1"); slot[3] = new Array("9","6","7","8","5","0","3","2","1","4"); flag = new Array("0","0","0","0"); l1 = 3; //スタート時の画像 l2 = 2; l3 = 1; c1 = 3; c2 = 2; c3 = 1; r1 = 3; r2 = 2; r3 = 1; function change() { //回転(画像入れ替え) if(flag[1] == "1") { l3 = l2; l2 = l1; l1 = l1 + 1; if(l1 > 9) {l1 = 0;} document.lt.src = imgs[slot[1][l1]].src; document.lm.src = imgs[slot[1][l2]].src; document.lb.src = imgs[slot[1][l3]].src; } if(flag[2] == "1") { c3 = c2; c2 = c1; c1 = c1 + 1; if(c1 > 9) {c1 = 0;} document.ct.src = imgs[slot[2][c1]].src; document.cm.src = imgs[slot[2][c2]].src; document.cb.src = imgs[slot[2][c3]].src; } if(flag[3] == "1") { r3 = r2; r2 = r1; r1 = r1 + 1; if(r1 > 9) {r1 = 0;} document.rt.src = imgs[slot[3][r1]].src; document.rm.src = imgs[slot[3][r2]].src; document.rb.src = imgs[slot[3][r3]].src; } } function filter(){ //点滅(揃ったラインのみ) if(flag[0] == "0") { i = i + 100; if(i > 100) {i = 0;} if(slot[1][l1] == slot[2][c1] && slot[1][l1] == slot[3][r1]) { lt.filters(0).opacity = i; lt.filters(0).finishOpacity = i; ct.filters(0).opacity = i; ct.filters(0).finishOpacity = i; rt.filters(0).opacity = i; rt.filters(0).finishOpacity = i; } if(slot[1][l2] == slot[2][c2] && slot[1][l2] == slot[3][r2]) { lm.filters(0).opacity = i; lm.filters(0).finishOpacity = i; cm.filters(0).opacity = i; cm.filters(0).finishOpacity = i; rm.filters(0).opacity = i; rm.filters(0).finishOpacity = i; } if(slot[1][l3] == slot[2][c3] && slot[1][l3] == slot[3][r3]) { lb.filters(0).opacity = i; lb.filters(0).finishOpacity = i; cb.filters(0).opacity = i; cb.filters(0).finishOpacity = i; rb.filters(0).opacity = i; rb.filters(0).finishOpacity = i; } if(slot[1][l1] == slot[2][c2] && slot[1][l1] == slot[3][r3]) { lt.filters(0).opacity = i; lt.filters(0).finishOpacity = i; cm.filters(0).opacity = i; cm.filters(0).finishOpacity = i; rb.filters(0).opacity = i; rb.filters(0).finishOpacity = i; } if(slot[1][l3] == slot[2][c2] && slot[1][l3] == slot[3][r1]) { lb.filters(0).opacity = i; lb.filters(0).finishOpacity = i; cm.filters(0).opacity = i; cm.filters(0).finishOpacity = i; rt.filters(0).opacity = i; rt.filters(0).finishOpacity = i; } } else { clearInterval(tmFilter); i = 100; lt.filters(0).opacity = i; lt.filters(0).finishOpacity = i; lm.filters(0).opacity = i; lm.filters(0).finishOpacity = i; lb.filters(0).opacity = i; lb.filters(0).finishOpacity = i; ct.filters(0).opacity = i; ct.filters(0).finishOpacity = i; cm.filters(0).opacity = i; cm.filters(0).finishOpacity = i; cb.filters(0).opacity = i; cb.filters(0).finishOpacity = i; rt.filters(0).opacity = i; rt.filters(0).finishOpacity = i; rm.filters(0).opacity = i; rm.filters(0).finishOpacity = i; rb.filters(0).opacity = i; rb.filters(0).finishOpacity = i; } } function sta() { //スタート if(flag[0] == "0") { flag = new Array("1","1","1","1"); tmChange = setInterval("change()",100); } } function sto(n) { //ストップ flag[n] = "0"; if(flag[0] == "1" && flag[1] == "0" && flag[2] == "0" && flag[3] == "0") { flag[0] = "0"; clearInterval(tmChange); tmFilter = setInterval("filter()",300); } } //--> </script> <style> <!-- img { filter: alpha(style=1,startx=0,starty=0,finishx=50,finishy=50,opacity=100,finishOpacity=100); } input { width: 100%; } //--> </style> </head> <body> <table border="1" bgcolor="blue" bordercolor="silver" cellspacing="0" cellpadding="10" align="center"> <tr> <td> <table border="1" width="100%" bgcolor="white" bordercolor="silver" cellspacing="0" cellpadding="3"> <tr align="center"> <td> <table border="0" cellspacing="0" cellpadding="3"> <tr><td><img src="../../sample/img/no/8.gif" name="lt"></td></tr> <tr><td><img src="../../sample/img/no/7.gif" name="lm"></td></tr> <tr><td><img src="../../sample/img/no/6.gif" name="lb"></td></tr> </table> </td> <td> <table border="0" cellspacing="0" cellpadding="3"> <tr><td><img src="../../sample/img/no/9.gif" name="ct"></td></tr> <tr><td><img src="../../sample/img/no/7.gif" name="cm"></td></tr> <tr><td><img src="../../sample/img/no/5.gif" name="cb"></td></tr> </table> </td> <td> <table border="0" cellspacing="0" cellpadding="3"> <tr><td><img src="../../sample/img/no/8.gif" name="rt"></td></tr> <tr><td><img src="../../sample/img/no/7.gif" name="rm"></td></tr> <tr><td><img src="../../sample/img/no/6.gif" name="rb"></td></tr> </table> </td> </tr> </table> <table border="0" width="100%" cellpadding="5"> <tr align="center"> <td><input type="button" value="ストップ" onClick="sto(1)"></td> <td><input type="button" value="ストップ" onClick="sto(2)"></td> <td><input type="button" value="ストップ" onClick="sto(3)"></td> </tr> <tr align="center"> <td colspan="3"><input type="button" value="スタート" onClick="sta()"></td> </tr> </table> </td> </tr> </table> </body> </html>
〔 実行する 〕