スロット
<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>
〔 実行する 〕