//*---------------------------- Lotto.html ------------------------------------*//

<title>おみくじゲーム</title>
<script src="game.js" type="text/javascript"></script>
<link href="game.css" rel="stylesheet" type="text/css">
<p>
<form>
<a href="#" onclick="anxm();">
<img name="lotto" src="lot_0.gif" width="228" height="100" class="ix" vspace="2">
</a><br>
<input type="button" value="おみくじを引く" onclick="stop()" class="ip">
</form>





//*---------------------------- Lotto.css ------------------------------------*//

.ix{border:1px #f00 solid;background:#eee;}
.ip{color:#fff;font-family:MS UI Gothic,sans-serif;font-size:10pt;
    border:1px #999 solid;background:#F00;margin-left:70;}
a{text-decoration:none;}
a:hover{color:#fff;background:#fff;border:0px;padding:0;}





//*---------------------------- Lotto.js ------------------------------------*//

var t=666;
var n=1;
anx=new Array();
for(i=1; i<5; i++){
　　anx[i]=new Image();
    anx[i].src='ani_'+i+'.gif';
}
function anxm(){
    document.images["lotto"].src=anx[n].src;
    n++;
    if(n>4){
    n=1;
    }
    stp=setTimeout('anxm()',t);
}

var m=1;
any=new Array();
for(i=1; i<7; i++)
   {
    any[i]=new Image();
    any[i].src='lot_'+i+'.gif'; //Image_PATH for Lotto:
    }
function stop(){
    clearTimeout(stp);
m = Math.floor(Math.random() * any.length);
document.images["lotto"].src=any[m].src;
}