スロット形式の記号が縦に回ってしまう問題とストップボタンの追加方法

前へ 次へ
このQ&Aのポイント
  • この質問は、スロット形式の記号が縦に回ってしまう問題と、ストップボタンの追加方法について尋ねています。
  • HTMLのプログラムで、横に3つの記号が回るスロットを作成したいという要望ですが、記号が縦に回ってしまってうまくいきません。
  • また、追加で「ストップ」というボタンを付けたいとのことです。どのようなタグを使えば解決できるのか教えてください。
回答を見る
  • ベストアンサー

どこに挿入？

<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つ記号が回るようにしようとしたら、どうしても縦になってしまってうまくいきません。どこにどういうタグを入れたらできますか？ あと、「ストップ」というボタンを付けたいのですが・・・

質問者が選んだベストアンサー

  • ベストアンサー
  • Nickee
  • ベストアンサー率15% (14/93)
回答No.1

正確な要求は読み取れませんが、こんな感じでしょうか？ <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> <table> <tr> <td> <marquee id="maid1" scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> <font size="5"><font color="#ff0000"> ☆ </font></font color></marquee> </td> <td> <marquee id="maid2" scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> <font size="5"><font color="#ff0000"> ★ </font></font color></marquee> </td> <td> <marquee id="maid3" scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> <font size="5"><font color="#ff0000"> ♠ </font></font color></marquee> </td> <td> <marquee id="maid4" scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> <font size="5"><font color="#ff0000"> ♣ </font></font color></marquee> </td> <td> <marquee id="maid5" scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> <font size="5"><font color="#ff0000"> ♥ </font></font color></marquee> </td> <td> <marquee id="maid6" scrollamount="30" truespeed direction="down" height=80" loop="10000000000000000000" onmouseover=this.stop() onmouseout=this.start() width="20"> <font size="5"><font color="#ff0000"> ♦ </font></font color></marquee> </td> </tr> </table> <input type="button" value="Stop" onClick="jsStop()"><br> <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> <script language="javascript"> <!-- function jsStop(){ var i; for(i=1;i<7;i++){ document.all("maid" + i).stop(); } } --> </script>

sho-ck
質問者

補足

補足ですみません。 横1列でそろうということはできませんか？ もし、だめなら図を素早く変えさせることはできますか？

その他の回答 (1)

  • Nickee
  • ベストアンサー率15% (14/93)
回答No.2

>横1列でそろうということはできませんか？ ???横一列の意味がわかりません。 回答欄に記述したものは横一列になっていると思うのですが。。。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連する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つ記号が回るようにしようとしたら、どうしても縦になってしまってうまくいきません。どこにどういうタグを入れたらできますか？ あと、「ストップ」というボタンを付けたいのですが・・・

  • 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で表を横並びにしたくて、下記のような表を作りました。 この表をもう一つ右隣に作りたいのですが、どうもうまくいきません。 何を付け足せば横に並んでくれるのでしょうか？ <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>

  • 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>

  • リンクにカーソルを合わせてもカーソルが変化しません

    ＨＰを作成しているのですが、メニューを作成していて、メニューにカーソルを合わせても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">&nbsp;</p></span></button>&nbsp;&nbsp;&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp; <font size="5"><strong><em><font size="5"><strong><em><u></u></em></strong></font></em></strong></font></p> </body> </html> です。途中にある「トップページ」というのはtarget先です。 どなたか分かる人お願いします！！

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する