No.4ベストアンサー
- 回答日時:
うまくいかなかったですか…。
まず、No.2の解説と訂正を。
<marquee direction=up scrollamount=1 loop=1 behavior=slide>
と書いたのですが、
loopはスクロールする回数です。
behaviorはスクロールの仕方です。
behavior=slideを使っていれば、loop=1はいらなかったです。
この点の訂正をさせていただきます。
さて本題の方ですが、
behavior=slideを使うと文字は止まってくれるのですが、
一番上の文字が端にきたときにしか止まりませんでした。
ちょっとmarqueeでは難しいようです。
そこで、解決法をいくつか考えてみました。
1.javascriptを使う。
上にスクロールさせること(機能)をスタッフロールといいます。検索サイトで、javascript スタッフロールで検索するとページがたくさんヒットするので、
そこのページを参考にされてはいかがでしょうか?私自身javascriptをあまり知らないので、申し訳ありませんが回答ができません。m(_ _)m
2.ここのサイトで質問をする。
やっぱりここのサイトでしょう。ここのサイトにはjavascriptのカテゴリがありますので、ここで質問をされてはいかがでしょうか?おそらく意図した回答が返ってくるのではないかと思います。
以上の2点です。
中途半端な回答になってしまいましたが、これをもって回答とさせていただきます。m(_ _)m
何度もありがとうございました。結果的に↓の方法にて作れました!
色々とありがとうございました。教えてもらった事は、
ちゃんとメモってありますので
以後参考にさせていただきます。ホントにどうもありがとうございました。
No.3
- 回答日時:
No.2の方に追加です。
<marquee direction=up scrollamount=1 loop=1 behavior=slide height="48px">
と、height="48px"と範囲の高さを指定してみてはどうですか?
ここでは一文字当たりの大きさを12pxと仮定して、12px×4行で48pxとしました。
厳密には行間もあると思いますが。ここのheightでは用いることのできる単位は、
%とpxだけみたいですので、ここではpx指定でしました。
同じように、width="○○%"を指定すれば、横幅も制御できます。
ご存知かと思いますが、<marquee>タグはIEのみの機能ですので、ネスケで見ると
「何だこれ?文字がはみだしてるじゃん」みたいな結果になるので、個人的には
あまりお勧めはしませんが…。
ありがとうございます。
試した結果、上で教えてもらった方法だと、4行目までしか表示そのものが
出来なかったので、やむなくスクロールの回数を指定せず、繰り返すと言う事で
<marquee direction=up scrollamount=1 height="48px">
これがやる事にしました。尚、サイズの指定、そう、それなんです!
出来ました。ちゃんとピッタリ収まるように、出来ましたし、説明が書かれて
いたので、応用も出来ます。ありがとうございます。
ところで、IEしか見られないんですね?コレ。うーん、残念。
せっかく出来たのに・・。それからポイントですが、2人に20点ずつ
差し上げたいんですが、先の方に3回も答えていただいたので、申し訳ありません。
今回は10点にて・・。ごめんなさいっ。
No.2
- 回答日時:
第1段階はクリアできたみたいですね。
おめでとうございます!
さて、以下のようにしたのですがいかがでしょうか?
<marquee direction=up scrollamount=1 loop=1 behavior=slide>
あああああ<br>
いいいいい<br>
ううううう<br>
えええええ<br>
おおおおお<br>
<br>
<br>
かかかかか<br>
ききききき<br>
</marquee>
ただami-nさんのサイトのスペースが分からないので、
結果がどうなるか分かりません。
結果を教えて頂けると幸いです。
この回答への補足
うーん。やはりスペースの関係で難しいようです。
(↓の方法だと、最終的に8行全部が表示されてしまうので。
4行分しかスペースがないんです・・)
常に4行分だけ表示されいる状態になって、上に行ってしまったのは消えて構いません。
最終的には
********
かかかかか
ききききき
********
この4行だけが残ればベストなんですけれど・・。
何度も答えてもらってスミマセン・・・(^^;)
これで出来なかったら、諦めます。もう一回だけおつきあい下さいネ。(笑)
No.1
- 回答日時:
速度の設定は、marqueeタグにscrollamountを追加することでできます。
数行にするには、1行目と2行目のテキストの間に<br>をいれるとできます。
htmlで書くと、
<marquee direction=up scrollamount=1>1行目<br>2行目</marquee>
です。
scrollamountの数字を変えると、速度の設定ができます。
数字が小さいほど遅く、大きいほど速くなります。
この回答への補足
早速、非常にわかりやすい説明、ありがとうございます。出来ました!!
が。一つ問題があるのですが。例えば
************
あああああ
いいいいい
ううううう
えええええ
おおおおお
かかかかか
ききききき
*************
こんな文章をスクロールさせる場合。
全部の文章が入るスペースが上の方法だと必要ですよね??
そうではなくて、例えば4行分の所でスクロールさせておいて、
最後に↓のように
*********
かかかかか
ききききき
*********
と、最後の文章を表示したまま、止めたい、なんて事は
できますでしょうか??(^^;)
サイトのスペースが限られてる所に詰め込もうとしているので
これが出来ると大変助かるのです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) エクセルのマクロについて教えてください。 1 2022/12/26 12:05
- PostgreSQL 数値が定期的にあらわれる文字列から、いくつめに出現した数値が指定して切り出したい 1 2023/06/08 13:12
- Android(アンドロイド) 最近Facebooの画面を下にスクロールすると画面が上にちょっと上がって、スクロールが終わった頃に降 1 2022/06/07 03:03
- ノートパソコン word2013で文字が打てなくなりました 質問です word2013を使っているのですが、突然文字 4 2023/01/08 18:46
- gooブログ 文字数の自動改行設定方法 3 2022/03/27 16:50
- Visual Basic(VBA) エクセルのマクロについて教えてください。 2 2023/01/06 08:39
- 大学・短大 大学1年生です。 レポートについて教えてください。 現在レポートで他のサイトから引用してきた図を貼り 4 2023/07/29 20:09
- Word(ワード) 最高裁判所から通達がある Wordの書式設定。所謂 裁判所に提出するすべての書類のことです。 A4縦 2 2022/12/23 15:00
- フリーソフト フォルダ、ファイル名の一括変換について 3 2023/03/16 09:23
- その他(プログラミング・Web制作) 「Python 文章自動生成」と調べて様々なサイトを参考に試したのですが、どれもうまくいきませんでし 1 2022/09/26 21:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
CSS、width100%でもできる余白
-
cssで「下よせ」ってどうやって...
-
CSS(0の単位)について
-
ページを拡大縮小でborderが消...
-
<div>と<div>の間の10px程の...
-
floatした画像の下揃えについて
-
CSSの角丸での質問です。 今、C...
-
スクロールボックスを中央に配...
-
定義リスト dl dd dt
-
余分な縦スクロールバーが出て...
-
heaerとfooterに背景画像が難し...
-
Flexslider2のカーセルスライダ...
-
CSSでボックスのheightが0になる
-
【スタイルシート?】同行内で...
-
テーブル内の文字が揃わない
-
【CSSについて】リストをフロー...
-
リストを全体的に右寄せにしたい。
-
CSSで余白とパディングに”0”を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
css初心者 フレックスボックス...
-
表示倍率を変えるとレイアウト...
-
CSSがなぜかfont-sizeだけ効か...
-
CSS、width100%でもできる余白
-
W3Cのソースコードの検証サービ...
-
CSS:animation開始位置の設定
-
CSSで指定した背景画像にリンク...
-
<div>と<div>の間の10px程の...
-
余分な縦スクロールバーが出て...
-
CSSでボックスのheightが0になる
-
【CSS】ヘッダーの高さが不明の...
-
スクロールボックスを中央に配...
-
li 黒丸含んで移動する方法
-
border-style:solidで文字がずれる
-
【HTML&CSS】フッター下部の余...
-
Media Queries 4 で 非推奨とな...
-
初心者html・CSS ウィンドウを...
おすすめ情報