プログラムで困っています！
- プログラムでスロット形式の表示を横にする方法について教えてください。
- また、スロットの回転を停止するボタンを追加したいですが、どうすれば実現できますか？
- 次回はサンプルプログラムIIをお楽しみに！
- ベストアンサー
プログラムで困っています！
<html> <head> <title>サンプルプログラムI</title> <STYLE TYPE="text/css"> <!-- Body{ scrollber-3dlight-color:#000000; scrollber-arrow-color:#000000; scrollber-darkshadow-color:#ffffff; scrollber-face-color:#ea9e00; scrollber-highlight-color:#ffffff; scrollber-shadow-color:#000000; scrollber-track-color:#ffffff; }--> </STYLE> </head> <body> <font size="5"><font color="#ff0000"><marquee scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> ☆<br> ★<br> ♠<br> ♣<br> ♥<br> ♦<br> </font></font color></marquee> <input type="button" value="回す"onClick="chuusenn()"><br> <input type="button" value="リセット" onClick="init()"><br> <hr size="10"> <marquee behavior="alternate" direction="up" height="50"><marquee direction="right"><strong><em> ↑の原理を利用してスロット作りたいなぁ。。。</strong></em> </marquee></marquee> <hr size="10"> <marquee behavior="alternate" direction="up" height="50"> まぁ、今回はこの程度で終わりです。 </marquee> <marquee Bgcolor="#7f7f7f"><marquee behavior="alternate"> サンプルプログラムIIをお楽しみに！（次回いつになるか知んねぇケド </marquee> </body> </html> このプログラムはスロット形式なのですが、横に3つ記号が回るようにしようとしたら、どうしても縦になってしまってうまくいきません。どこにどういうタグを入れたらできますか？ あと、「ストップ」というボタンを付けたいのですが・・・
- sho-ck
- お礼率28% (2/7)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ANo.1 の Interest です。 動く例をここに書いてもいい、などといってしまった手前、引き下がるわけにも行かず、簡単な例を作ってみました。 ボタンを押せば動きが止まること、restartを押せば再開することまで実装・確認済みです。そろったら点数が出るような判定は入れていません。好きなように入れてください。完全オリジナルですが、著作権は主張しません。（このレベルじゃ恥ずかしくて主張できない） ろくに設計もしてないコピペプログラムなので、お手本にはあまりして欲しくないですね（汗） 構造体やクラスが使えればもう少しましな設計になるのですが・・・ いや、いい訳です、すみません＞エキスパートな方々 <html> <head> <title>JavaScriptによるスロットマシーン</title> </head> <!-- ============================================= --> <script language="JavaScript"> var col0=new Array("A", "B", "C", "D", "E", "F" ); var col1=new Array("B", "C", "D", "E", "F" ,"A" ); var col2=new Array("C", "D", "E", "F", "A", "B" ); var col0ShiftTime = 800; var col1ShiftTime = 600; var col2ShiftTime = 450; var col0TimeID; var col1TimeID; var col2TimeID; function printCol0(){ document.MyForm.slot[0].value = col0[0]; document.MyForm.slot[3].value = col0[1]; document.MyForm.slot[6].value = col0[2]; } function printCol1(){ document.MyForm.slot[1].value = col1[0]; document.MyForm.slot[4].value = col1[1]; document.MyForm.slot[7].value = col1[2]; } function printCol2(){ document.MyForm.slot[2].value = col2[0]; document.MyForm.slot[5].value = col2[1]; document.MyForm.slot[8].value = col2[2]; } function shiftCol0(){ var swap; col0TimeID = setTimeout("shiftCol0()", col0ShiftTime); printCol0(); swap = col0[0]; for(i=0; i<col0.length-1; i++){ col0[i] = col0[i+1]; } col0[ col0.length-1 ] = swap; } function shiftCol1(){ var swap; col1TimeID = setTimeout("shiftCol1()", col1ShiftTime); printCol1(); swap = col1[0]; for(i=0; i<col1.length-1; i++){ col1[i] = col1[i+1]; } col1[ col1.length-1 ] = swap; } function shiftCol2(){ var swap; col2TimeID = setTimeout("shiftCol2()", col2ShiftTime); printCol2(); swap = col2[0]; for(i=0; i<col2.length-1; i++){ col2[i] = col2[i+1]; } col2[ col2.length-1 ] = swap; } function restart(){ col0TimeID = setTimeout("shiftCol0()", col0ShiftTime); col1TimeID = setTimeout("shiftCol1()", col1ShiftTime); col2TimeID = setTimeout("shiftCol2()", col2ShiftTime); } </script> <body> <script language="JavaScript"> var i, j; document.write("<form name='MyForm'>"); for(i=0; i<3; i++){ for(j=0; j<3; j++){ document.write("<input size=1 name='slot'>"); } document.write("<br>"); } document.write("<input type='button' value='c0' onClick='clearTimeout(col0TimeID)'>"); document.write("<input type='button' value='c1' onClick='clearTimeout(col1TimeID)'>"); document.write("<input type='button' value='c2' onClick='clearTimeout(col2TimeID)'>"); document.write("<br>"); document.write("<input type='button' value='restart' onClick='restart()'>"); document.write("</form>"); shiftCol0(); shiftCol1(); shiftCol2(); </script> </body> </html>
その他の回答 (1)
- Interest
- ベストアンサー率31% (207/659)
タグを入れるとかの問題以前に、JavaScriptの書き方になっていませんね。 それから、質問に関係ない記述が多すぎます。本当に質問したい部分に絞って投稿しましょう。 > 横に3つ記号が回るようにしようとしたら 記号は星が二つと、スペード、ダイヤ、ハート、クラブの６種類ですよね。 この６種類を組にして、３組ならべてそれぞれ違うスピードでまわす、ということでいいですか？ スロットマシーンとして動くプログラム例をここに書いてもいいのですが、sho-ckさんが果たして理解できるかどうか疑問です。
補足
すみません。とりあえず全部書いてしまえ！と思ったもので・・・ 例をここに書いてもらえますか？
関連するQ&A
- どこに挿入？
<html> <head> <title>サンプルプログラムI</title> <STYLE TYPE="text/css"> <!-- Body{ scrollber-3dlight-color:#000000; scrollber-arrow-color:#000000; scrollber-darkshadow-color:#ffffff; scrollber-face-color:#ea9e00; scrollber-highlight-color:#ffffff; scrollber-shadow-color:#000000; scrollber-track-color:#ffffff; }--> </STYLE> </head> <body> <font size="5"><font color="#ff0000"><marquee scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> ☆<br> ★<br> ♠<br> ♣<br> ♥<br> ♦<br> </font></font color></marquee> <input type="button" value="回す"onClick="chuusenn()"><br> <input type="button" value="リセット" onClick="init()"><br> <hr size="10"> <marquee behavior="alternate" direction="up" height="50"><marquee direction="right"><strong><em> ↑の原理を利用してスロット作りたいなぁ。。。</strong></em> </marquee></marquee> <hr size="10"> <marquee behavior="alternate" direction="up" height="50"> まぁ、今回はこの程度で終わりです。 </marquee> <marquee Bgcolor="#7f7f7f"><marquee behavior="alternate"> サンプルプログラムIIをお楽しみに！（次回いつになるか知んねぇケド </marquee> </body> </html> このプログラムはスロット形式なのですが、横に3つ記号が回るようにしようとしたら、どうしても縦になってしまってうまくいきません。どこにどういうタグを入れたらできますか？ あと、「ストップ」というボタンを付けたいのですが・・・
- ベストアンサー
- JavaScript
- marqueeについて
ie8のxpで確認したところ、キチント動作しているのですが、 ie11のwin10では、動作がxpとは違う動きになってしまいます。 何かロジックが変更されてしまっていると思いますが、 どのあたりがおかしいかわかりますでしょうか。 宜しくお願い致します。 <marquee direction=up height=210 width=360 bgcolor=#ffd000 scrollamount=120% style="position:absolute;z-index:-3"> <marquee behavior=alternate scrollamount=20%> <font color=#18286c>■ ■<br> ■ ■<br>■ ■<br> ■ ■<br>■ ■<br> ■ ■<br>■ ■<br> ■ ■<br>■ ■<br> ■ ■<br>■ ■<br> ■ ■<br>■ ■<br> ■ ■<br></font> </marquee> </marquee> <div style="color:#FF0000;width:360;background:#18286c;filter:Chroma(color=#FF0000);position:absolute;z-index:-2"> + + + + + + + +<br> + + + + + + + +<br> + + + + + + + +<br> + + + + + + + +<br> + + + +<br> + + + + + + + +<br> + + + + + + + +<br> + + + + +<br> + + + + + + + + +<br> + + + +<br> + + + + + + + +<br> <br></div> <!-- **************************************************************************** --> <font color="#400806"> <marquee behavior="slide" scrollamount="22" scrolldelay="40">□□□■□□□□□□□□□□□■■■■□□□</marquee><br></font>
- ベストアンサー
- CSS
- パソコンのHTMLが、うまく表示できません。
次のパソコンのHTMLの記載ロジックが、うまく反映できません。 修正を、お願いいたします。 <p> <marquee direction="down" behavior="alternate" ようこそ、友達募集サイトへ♪></marquee> </p>
- 締切済み
- HTML
- HTMLで表を横並びにしたくて、下記のような表を作りました。
HTMLで表を横並びにしたくて、下記のような表を作りました。 この表をもう一つ右隣に作りたいのですが、どうもうまくいきません。 何を付け足せば横に並んでくれるのでしょうか？ <table style= width="500" bgcolor="#007500" cellspacing="1" cellpadding="5"> <tr> <td bgcolor="#e5ffe5" width="120"><font color="#000000"><strong><a href="紹介したURL">ああああ</strong></font></td> <td bgcolor="#ffffff"><font color="#000000"><strong>ああ<br></strong></font></td> </tr> <tr> <td bgcolor="#e5ffe5"><font color="#007500"><strong><a href="紹介したいURL">ああああ</a> </strong></font></td> <td bgcolor="#ffffff"><font color="#000000"><strong>ああ<br></strong></font></td> </tr> <tr> <td bgcolor="#e5ffe5"><font color="#000000"><strong><a href="index.html"></strong></font></td> <td bgcolor="#ffffff"><font color="#000000"><strong>あああああ</strong></font></td> </tr> </table><br> </tr>
- ベストアンサー
- その他([技術者向] コンピューター)
- htmlでのスクロールの停止方法
タグを手打ちして細々ＨＰを作成しているのですが、MARQUEEコマンドを使った下から上へのスクロールで、最後の文字が表示されたら、そこでスクロールが停止するようにしたいのです。（映画のエンディングクレジットみたいに、下からだら～っと出て、最後の映画会社のマークで画面が止まる、みたいな）今の状態では、スクロールが勝手にリピートしてしまいます。 何か方法はあるでしょうか？ 今は以下のような形で動かしています。 ご回答よろしくお願いいたします。 <HTML> <BODY BACKGROUND="bg2.gif" BGPROPERTIES=FIXED> <FONT size="14"> <DIV height="1800" width="900" position : absolute; visibility : hidden;> <MARQUEE direction="up" height="600" scrollamount="2"> 本文はじめ<br> ・ ・ ・ 本文<br> ・ ・ ・ 本文終わり<br> </FONT></DIV></MARQUEE> </BODY> </HTML>
- 締切済み
- ホームページ作成ソフト
- オープニングロゴを設置したいのですけども
JavaScriptについては初心者で何も分りませんが、 あるＨＰで紹介していたので自分のＨＰにも設置できればと思いトップページindex.htmlのソースにコピーして貼り付けたのですが、上手く行かずに悩んでいます。 どなたか詳しい方アドバイスしてもらえませんか？ それから修正しないといけない所や違う方法（タグ）があれば、それも、是非教えてください。 違う方法（タグ）がある場合はお手数ですが、コピー して貼れると助かります。 又、貼る位置なども教えてもらえますか 宜しくお願いします。 <html> <head> <title>タイトル</title> </head> <body> <script language="JavaScript"><!-- myColor = new Array( "000000","101010","202020","303030", "404040","505050","606060","707070", "808080","909090","a0a0a0","b0b0b0", "c0c0c0","d0d0d0","e0e0e0","ffffff" ); myCnt = 0; function myFade(){ document.bgColor=myColor[myCnt]; if (myCnt != 15){ myTime = (myCnt==0) ? 1000 : 50; myCnt++; setTimeout("myFade()",myTime); }else{ location.href = "fade.htm"; } } // --></script> <p><br><br><br><br><br><br><br></p> <p align="center"> <font color="#FFFFFF" size="5" face="Times New Roman"> <strong>*************</strong> </font><br><br> <font color="#FFFFFF" size="6" face="ＭＳ 明朝"> <strong>タイトル</strong> </font><br><br> <font color="#000000" size="6" face="ＭＳ 明朝"> <strong>Presented by Tatsuya</strong> </font><br> <script language="JavaScript"><!-- myFade(); // --></script></p> </body> </html>
- 締切済み
- JavaScript
- maqueとabsolute
<html> <head> <style type="text/css"> <!-- .1{background-color:blue;width:200;height:100; position:absolute;} .2{background-color:red;width:200;height:100;} --> </style> </head> <body> <marquee direction="right"> <span class="1"></span> </marquee> <marquee direction="left"> <div class="2"></div> </marquee> </body> このようにＢｏｘを2つ書きマーキーで右からと左からの交差を作りたいのですが、なぜかclass="2"でその列にほかのBOXが表示できないようです。つまりマージンでclass１をちょっと下にずらすと、半分切れた状態になります。position:absolute;を消してもらうとわかるのですが、アブソでない状態であれば上下にずれますが、行き来していますので、もう一歩だと思うのですが・・・。 どこが間違っているかわかりません。教えてください
- ベストアンサー
- HTML
- HP作成において、隙間が出来てしまう。
携帯サイトをロリポップにて運営しているのですが、 例えば (1)<hr color=#777777 width=100% size=2> (2)<table width=100%><marquee bgcolor=#000000><font size=2><font color=#ffffff>文章</font></marquee></table> (3)<hr color=#777777 width=100% size=2> ((1)(2)(3)は分かり易くする為書き込んでいます。実際はありません) 上記のようなタグを書き込むと、(1)の<hr>と(2)のmarquee bgcolorの間に若干隙間が出来ているのです。隙間の0.2ミリくらいが白くなってしまい不格好になってしまいます。 公式サイトなどを閲覧してみると隙間などは全く無く、綺麗に設計されているので、隙間さえなくせれば少しは見栄えがつくのですが… 私のような勝手サイトでは上記のような隙間をうめることは出来ないのでしょうか？他の勝手サイトも隙間が出来ています。 どなたか隙間を埋める方法をご存知の方は教えて頂けると幸いです。 よろしくお願い致します。
- ベストアンサー
- その他([技術者向] コンピューター)
- safariとfirefoxとでテーブルレイアウトが変わってしまい、原因がわからずに困っています。
safariとfirefoxとでテーブルレイアウトが変わってしまい、 原因がわからずに困っています。 下記のタグでテーブルを表示したいのですが、 safariでは私が頭の中で描いていた通りのレイアウトになるのですが firefoxで開くとボックスが横に伸びてしまいレイアウトが変わってしまいます。まだ素人なので原因がまったくわからず困っています。 どなたかアドバイスを頂ければ幸いです。 <style type="text/css"> marguee { background:#000000; color:#ff6699; padding:5px 0; } .profile th{ background:#fff0ff; font:10px Verdana; color:#666666; text-align:right; padding:5px; } .profile td{ background:#ffffff; font:10px Verdana; color:#333333; padding:5px; } </style> <body bgcolor="000000"> <!-- TEMPLATE START --> <div class="profile"> <div align="center"> <table bgcolor="#000000" cellspacing="1" cellpadding="0"> <tr> <td colspan="2" style="padding:0"> <marquee behavior="alternate">Biography</marquee></td> </tr> <tr> <th>Name</th> <td width="300">テキスト</td> </tr> <tr> <th>DOB</th> <td width="300">テキスト</td> </tr> <tr> <th>Height</th> <td width="300">テキスト</td> </tr> <tr> <th>POB</th> <td width="300">テキスト</td> </tr> <tr> <th>Blood Type</th> <td width="300">テキスト</td> </tr> <tr> <td colspan="2" style="padding:0"> <marquee behavior="alternate">Biography</marquee></td> </tr> </table> </div> <!-- TEMPLATE END --> </body> </html>
- 締切済み
- HTML
- リンクにカーソルを合わせてもカーソルが変化しません
ＨＰを作成しているのですが、メニューを作成していて、メニューにカーソルを合わせてもpointer(手のマーク)にならず、テキストのときに出るIに似たアイコンのままになってしまいます。(リンクは問題なく飛べるのですが、分かりづらいです) メニューのボタンは素材屋さんのサイトにかいてあったソースをいただきましたので画像ではなく、全てソースから出来ています。 いろいろ調べて実践したのですがなかなかカーソルが変わりません＞＜ どうしたら変わりますか？ちなみにメニューのソースは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <title>メニュー</title> </head> <p align="center"> <button style="BORDER-LEFT-COLOR: #ff80c0; BACKGROUND: #ffffff; BORDER-BOTTOM-COLOR: #ff80c0; WIDTH: 97px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #ff80c0; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; HEIGHT: 52px; BORDER-RIGHT-COLOR: #ff80c0; BORDER-BOTTOM-STYLE: solid; type: " onclick="window.open('top_page.html','トップページ','')" button?><span style="FONT-SIZE: 23px; FILTER: dropshadow(color=#ffd5d5,offX =5,offY=5); WIDTH: 90px; COLOR: #74faf3; LINE-HEIGHT: 2; FONT-FAMILY: HGP創英角ポップ体; HEIGHT: 46px"> <p align="center">TOP</p> <p align="center"> </p></span></button> </a> <font size="5"><strong><em><font size="5"><strong><em><u></u></em></strong></font></em></strong></font></p> </body> </html> です。途中にある「トップページ」というのはtarget先です。 どなたか分かる人お願いします！！
- ベストアンサー
- その他([技術者向] コンピューター)
お礼
なかなかおｋ！（評価する立ち場じゃないケド・・・） 思っていた以上に、なかなかいいと思います。短時間でできるとは・・・