サンプルページ　　　スロットマシン

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ｽﾛｯﾄﾏｼﾝ　slot_mcn.htm □小Win版で。

ｽﾛｯﾄﾏｼﾝです。　　DHTML。　　ｱｲｺﾝ、配色などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　all 対応。　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ。　　　

ﾃﾞﾓは、　掛け金を入力、Go！] で、収支は、[清算] で。

< ご使用方法 >

　・　保存は slot_mcn.htm、1.gif、2.gif、3.gif、4.gif、5.gif、6.gif、7.gif、8.gif、9.gif、0.gif を右ｸﾘｯｸ、【名前を付けてﾘﾝｸを保存】 - <保存する場所>： ……、などで。　　※:　変わってしまった、ﾌｧｲﾙ名や、*.htm 中のﾊﾟｽは要修正。

　・　ﾍﾟｰｽﾄは、slot_mcn.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどの ”ﾃｷｽﾄﾓｰﾄﾞで、新しいﾍﾟｰｼﾞや hogehoge.htm（=任意の挿入先ﾌｧｲﾙ名）の、 <head>　～　</head> の任意の行間に (*1)を、さらに <body>　～　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。　　　※: ﾃｷｽﾄﾓｰﾄﾞ : ｺｰﾄﾞ/HTMLﾀｸﾞ挿入/HTMLﾒﾆｭｰなど。

　･　編集 : hogehoge.htm に ﾃｷｽﾄﾓｰﾄﾞでﾍﾟｰｽﾄ 後は、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのﾃﾞｻﾞｲﾝや通常ﾓｰﾄﾞ、ﾃｷｽﾄﾓｰﾄﾞ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集します。　　画像変更は同じｻｲｽﾞ 32x32（ﾋﾟｸｾﾙ）を準備、ﾌｧｲﾙ名を本例と同じに。　　下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。　

※: 外部ﾄﾞﾒｲﾝ（ｻｲﾄ）にｱｯﾌﾟﾛｰﾄの画像などの使用は、非表示に注意。　　画像の alt ﾀｸﾞは不可、ｻｲｽﾞ指定の pt などの省略は注意。　　ｽｸﾘﾌﾟﾄ構文中への改行混入に注意。

　･　ｱｯﾌﾟﾛｰﾄﾞは、hogehoge.htm と同じﾎﾙﾀﾞｰに、使用してる画像をｱｯﾌﾟﾛｰﾄﾞします。　　別ﾎﾙﾀﾞｰの場合は、hogehoge.htm の該当ﾊﾟｽ注意。

　・　作動ﾃｽﾄは Edge～などで。　　更新の確認は、ﾌﾞﾗｳｻﾞｰなどのｷｬｯｼｭのｸﾘｱ後に実施。　　(1) [F5]ｷ- or Ctrl+Rｷｰを押し、最新ﾃﾞｰﾀ読み込みで。　　更に、(2) Edgeを全て閉じ、再起動を行い、【Edge】 - 右上 [……] - [設定] - [ﾌﾟﾗｲﾊﾞｼｰ、検索、ｻｰﾋﾞｽ] - [閲覧ﾃﾞ-ﾀをｸﾘｱ] - ［ｸﾘｱ-するﾃﾞ-ﾀの選択］ - ［ｖ］閲覧の履歴 -［今すくｸﾘｱ］をｸﾘｯｸ。　　留めに、(3) ｻｰﾊﾞｰのﾌｧｲﾙを一旦削除。

(*1) ：　slot_mcn.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕　

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

<title>サンプルページ　　スロットマシン</title>

(*2) ：　slot_mcn.htm （例）　　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕
　

位置　上左

URL・ﾌｧｲﾙ名　小Winｻｲｽﾞ 幅高さ

吹き出し ﾘﾝｸ文字

吹き出し

<div align="left" style="position:Absolute; top:2; left:2;">
<left><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="266" id="AutoNumber1" bgcolor="#282134" bordercolorlight="#8127D1" bordercolordark="#580075">
<tbody>
<tr>
<td width="265">





<form name=slots onsubmit="rollem(); return false;">
<table border=0 cellpadding=3 cellspacing=0 width=250 bgcolor="#2F000F" style="border-collapse: collapse" bordercolor="#111111" height="434">
<tr><th colspan=2 bgcolor="#1A1500" width="294" bordercolorlight="#9928FF" bordercolordark="#56007B" height="18"> <font size="4" color="#8AFDDF"><b>スロットマシン</b></font>
　　　<a HREF="#" onClick="window.open('slot_mcn.htm', 'XX','status=yes,scrollbars=yes,width=340,height=485,resizable=yes,directories=no,screenX=2,left=2,screenY=2,top=2')" target="_self" target="_self"
title="親Winを閉じると、□は下層に移動しますが、ﾀｽｸﾊﾞｰの［Edge］ｱｲｺﾝから上層に。">□小Win</a></th></tr>
<tr><th align=right bgcolor="#1A002F" width="129" bordercolorlight="#9928FF" bordercolordark="#56007B" height="19"> <font size="2" color="#EEE8FF">所持金 :  </font> </th> <td align=left width="159" bgcolor="#1A002F" height="19"><font color="#FFEEF7"><input type=box size=5 name=gold READONLY value=200></font></td></tr>
<tr><th align=right bgcolor="#1A002F" width="129" bordercolorlight="#9928FF" bordercolordark="#56007B" height="19"> <font size="2" color="#F4EEFF">掛け金 :</font><font size="2" color="#FFF8EE">  </font> </th> <td align=left width="159" bgcolor="#1A002F" height="19"><font color="#FFEEF7"><input type=box size=5 name=bet></font></td></tr>
<tr><th bgcolor="#1A002F" width="129" bordercolorlight="#9928FF" bordercolordark="#520087" height="21"><font color="#000"><input type=submit value=" Go！ " style="background:#FDB7B3;color:#000000;" title="ｸﾞｯﾄﾞﾁｬﾝｽを…*、（＾。＾）／"></font></th>
<th width="159" bgcolor="#1A002F" height="21"><font color="#000"><input type=button value="清算" style="background:#D1FD19;color:#000000;" onclick="stopplay();" title="また逢おう…*"></font></th></tr>
<tr><th colspan=2 bgcolor="#1A002F" width="294" bordercolorlight="#9928FF" bordercolordark="#56007B" height="21"> <font color="#FFEEF7"> <input type=reset value="再開！" style="background:#1BF1FE;color:#000000;" title="成功を祈る！、（・！・）"></font><font size="2" color="#FFEEF7"> </font> </th></tr>
<tr><td colspan=2 bgcolor="#1A002F" width="294" bordercolorlight="#9928FF" bordercolordark="#56007B" height="14"><hr color="#4D0075" size="0"></td></tr>
<tr><td colspan=2 bgcolor="#2B001A" width="294" bordercolorlight="#9928FF" bordercolordark="#56007B" height="84">
<center>
<table cellspacing=5 cellpadding=2 border=0><tr>
<td><font size="2" color="#FFEEF7"><img src=1.gif name=slot1 width="32" height="32"></font></td>
<td><font size="2" color="#FFEEF7"><img src=2.gif name=slot2 width="32" height="32"></font></td>
<td><font size="2" color="#FFEEF7"><img src=3.gif name=slot3 width="32" height="32"></font></td>
</tr></table>
<p><font color="#FFEEF7">
<input type=text readonly size=40 name=banner></font><font size="2" color="#FFEEF7"> </font></p>
</td></tr>
<tr><td colspan=2 bgcolor="#1B002F" width="294" bordercolorlight="#9928FF" bordercolordark="#56007B" height="14"><hr color="#620091" size="0"></td></tr>
<tr><td colspan=2 bgcolor="#1B002F" width="294" bordercolorlight="#9928FF" bordercolordark="#56007B" height="170"><center>
<table width=259 border=1 bordercolorlight="#E7E1EC" bordercolordark="#B9A5DE" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
<tr><th colspan=3 width="257">　　</font><font size=2 color="#F2FECA">◎当たり</font>　　　<font size=2 color="#F2FECA">　　　　（例）　　　　　</font><font size=2 color="#F2FECA">払い戻し</th> </tr>
<tr><th width="100"> <font size="2" color="#CAF9FE">3 揃い＼^o^／</font></th> <td width="111"> <font size="2" color="#F1E1FF"> <img src=1.gif width="32" height="32"> <img src=1.gif width="32" height="32"> <img src=1.gif width="32" height="32"> </font> </td><th width="44"> <font size="2" color="#CAF9FE">　10 倍　　</font></th></tr>
<tr><th width="100"> <font size="2" color="#CAF9FE">2 揃い　（´○｀）</font></th> <td width="111"> <font size="2" color="#CAF9FE"> <img src=2.gif width="32" height="32"> <img src=2.gif width="32" height="32"> <img src=3.gif width="32" height="32"> </font> </td><th width="44"> <font size="2" color="#CAF9FE">2 倍</font></th></tr>
<tr><th width="100"> <font size="2" color="#CAF9FE">2 一致　( ^ ^ )</font></th> <td width="111"> <font size="2" color="#CAF9FE"> <img src=0.gif width="32" height="32"> <img src=4.gif width="32" height="32"> <img src=4.gif width="32" height="32"> </font> </td><th width="44"> <font size="2" color="#CAF9FE">2 倍</font></th></tr>
<tr><th width="100"> <font size="2" color="#CAF9FE">2 一致　( ^ ^ )</font></th> <td width="111"> <font size="2" color="#CAF9FE"> <img src=5.gif width="32" height="32"> <img src=6.gif width="32" height="32"> <img src=5.gif width="32" height="32"> </font> </td><th width="44"> <font size="2" color="#CAF9FE">2 倍</font></th></tr>
<tr><th width="100"> <font size="2" color="#CAF9FE">外れ　（;。;） </font> </th> <td width="111"> <font size="2" color="#F8F4FF"> <img src=7.gif width="32" height="32"> <img src=8.gif width="32" height="32"> <img src=9.gif width="32" height="32"> </font> </td><th width="44"> <font size="2" color="#CAF9FE">没収</font></th></tr>
</table>
</td></tr>
</table></left>
</form>
<script>
slotitem = new Array('0','1','2','3','4','5','6','7','8','9');
document.slots.bet.focus();
startgold=200;
document.slots.gold.value=startgold;
function stopplay () {
if (document.slots.gold.value < startgold)
{alert("損金は、"+ (startgold-document.slots.gold.value) +" ＄");}
else {alert("儲けは、"+ (document.slots.gold.value-startgold) +" ＄");}
}
function rollem () {
if (document.slots.bet.value<1 || document.slots.bet.value == "") {alert("賭け金は？。"); return;}
if (Math.floor(document.slots.gold.value) < Math.floor(document.slots.bet.value)) {alert("掛け金 "+document.slots.bet.value+" が所持金を越えています。"+document.slots.gold.value+". "); return;}
if (document.slots.bet.value>1) {document.slots.banner.value="掛け金は、"+document.slots.bet.value+"$ です。";}
else {document.slots.banner.value="掛け金は、"+document.slots.bet.value+"$ です。";}
counter=0;
spinem();
}
function spinem() {
turns1=10+Math.floor((Math.random() * 10))
for (a=0;a<turns1;a++)
{document.slots.slot1.src=""+slotitem[a % 9]+".gif"; }
turns2=10+Math.floor((Math.random() * 10))
for (b=0;b<turns2;b++)
{document.slots.slot2.src=""+slotitem[b % 9]+".gif"; }
turns3=10+Math.floor((Math.random() * 10))
for (c=0;c<turns3;c++)
{document.slots.slot3.src=""+slotitem[c % 9]+".gif"; }
counter++;
if (counter<25) {setTimeout("spinem(counter);",50);} else {checkmatch();}
}
function checkmatch() {
if ((document.slots.slot1.src == document.slots.slot2.src) && (document.slots.slot1.src == document.slots.slot3.src))
{document.slots.banner.value="3 並び・勝ち！、＼^o^／"+Math.floor(document.slots.bet.value*10)+"$ ｹﾞｯﾄ！";
document.slots.gold.value=Math.floor(document.slots.gold.value)+Math.floor(document.slots.bet.value*10); }
else if ((document.slots.slot1.src == document.slots.slot2.src) ||
(document.slots.slot1.src == document.slots.slot3.src) ||
(document.slots.slot2.src == document.slots.slot3.src))
{document.slots.banner.value="2 揃い・勝ち！、＼^o^／ "+Math.floor(document.slots.bet.value*2)+"$ ｹﾞｯﾄ！";
document.slots.gold.value = Math.floor(document.slots.bet.value*2) + Math.floor(document.slots.gold.value);}
else {document.slots.gold.value=document.slots.gold.value-document.slots.bet.value;
document.slots.banner.value="外れ・残念、（;。;）"+document.slots.bet.value+"$ ﾛｽ";}
}
</script>

</td>
</tr>
</table>
</left>
</div>

====　この間、説明を省略。　任意ｺﾝﾃﾝﾂを記述。　　====