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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSSで背景画像を一番下にもって...
-
画像イメージの上下左右、欲し...
-
css初心者 フレックスボックス...
-
CSS、width100%でもできる余白
-
form input テキストを上下中央...
-
表示倍率を変えるとレイアウト...
-
safariでの横並びリスト(List...
-
画像と一緒にスライドするリン...
-
widthやheightの数値に単位(px...
-
hpビルダー 複数の表の罫線を...
-
<div>と<div>の間の10px程の...
-
ディスプレイのサイズに合わせ...
-
html5 2段組で行頭を揃える方法
-
divで囲まれたpaddingの指定を...
-
cssで投稿した画像を中央に表示...
-
embed タグを用いると表示が遅い
-
IE6にてliタグに対してposition...
-
横スクロールサイトの中央寄せ
-
CSSで指定した背景画像にリンク...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
css初心者 フレックスボックス...
-
CSSがなぜかfont-sizeだけ効か...
-
【CSS】ヘッダーの高さが不明の...
-
画像イメージの上下左右、欲し...
-
CSS、width100%でもできる余白
-
スクロールボックスを中央に配...
-
<div>と<div>の間の10px程の...
-
CSSで背景画像を一番下にもって...
-
余分な縦スクロールバーが出て...
-
CSS:animation開始位置の設定
-
form input テキストを上下中央...
-
Media Queries 4 で 非推奨とな...
-
CSSでボックスのheightが0になる
-
W3Cのソースコードの検証サービ...
-
表示倍率を変えるとレイアウト...
-
定義リストに下線をつけたいと...
-
背景が下まで表示されないんです。
-
footer を横幅いっぱいに広げる...
おすすめ情報