|
今回は文字列を動かす「Marqueeタグ」を説明します。
このタグはいろんな種類の設定ができるので、説明よりもとにかくタグと結果を見てみましょう。
※注）本文にHTMLを適用させたいときは、右上のwiki文法使用のチェックは外しておいてください。
■[これが基本]
文法）
<Marquee>これが基本</Marquee>
結果）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■[右に進む]
（direction属性 "right")
文法）
<Marquee direction="right">右に進む</Marquee>
結果）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■[端で止まる]
（behavior属性 "slide"）
文法）
<Marquee behavior="slide">端で止まる</Marquee>
結果）
※止まった文字をまた動かすには、ブラウザの「更新」ボタンを押してください。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■[往復する]
（behavior属性 "alternate"）
文法）
<Marquee behavior="alternate">往復する</Marquee>
結果）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■[背景色を付ける]
（bgcolor属性）
文法）
<Marquee bgcolor=#ffff00>背景色をつける</Marquee>
結果）
この他の色は、色見本をご覧になり参考にしてみてください。
色見本１ （http://blogs.yahoo.co.jp/i_8jo/184424.html）
色見本２ （http://blogs.yahoo.co.jp/i_8jo/184463.html）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
如何ですか？どの属性がどのような変化になるのかご理解できましたか？
次回もこのタグに「Marqueeタグ」について説明したいと思います。
※注）このタグはもしかしたら、ブラウザ（インターネットエクスプローラ、Opera、Firefoxなど）によってはうまく表示されない場合があるかもしれません。
[記事本文を飾り付けてみよう（その９）HTML超入門９]へ進む
http://blogs.yahoo.co.jp/i_8jo/184396.html
[お願い]
この記事が参考になりましたら、右下の[傑作]ボタンを押して頂けるとありがたいです。
[☆歓迎☆]
コメント・トラックバック大歓迎！
転載をご希望の方は右下の[転載]ボタンを押してください
|
ゆうしさん、いつもありがとうございますね。いろいろ、試してみてくださいね。
2005/5/21(土) 午前 10:24
こんにちは！！お久しぶりです！これです！きむこはこれを探し求めていました！早速試してみましたのでお暇な時に見てくださいね＾0＾これは文字の色や大きさは変えることはできないんですか？いろんなカラーがあればもっとカワイイと思ったのですが。。。傑作、もちろんﾎﾟﾁｯ！です！
2005/6/4(土) 午後 4:21
これも、面白そうなので、転載させてもらい、やってみたところできた。
2005/7/7(木) 午前 7:43
これやりたかったんです〜 勉強になります！さっそくためしまーす！(^-^)
2005/7/14(木) 午後 1:05 [ - ]
(*^-^*)/こんばんは〜♪!こちらも参考になりました！転載させて下さいねペコリ(o_ _)ｏ))
2005/8/7(日) 午前 5:58
キャッホ〜イ♪このような、文字を動かすようなことを知りたかったんですよ〜！ありがと。
2005/9/29(木) 午後 8:11 [ ☆ﾐ Nαtsuki _ ]
すごーーーーい 字って動くんですね そこかいって？ まだ初心者ですので、これからも参考にさせていただきます。
2005/11/15(火) 午後 1:42
参考になります！転載させてください♪
2005/11/18(金) 午前 10:20
きゃっほーっ！動きましたありがとうございます。傑作ポチです！
2005/12/16(金) 午前 4:50
面白いね。さっそく利用してみよう。有難うございました。
2006/4/20(木) 午後 0:36 [ - ]
ブログ始めて間もない一老人ですがやっと理解出来、 使わせていただきました。有難うございますこれからも宜しくお願い します<(_ _)>
2006/5/17(水) 午前 8:53
分かりやすい説明で助かります！！転載させてくださいね☆
2006/6/15(木) 午前 9:17 [ - ]
転載させτもらL1ま∪た(pq+'v`●)*゜
2007/1/21(日) 午前 0:00 [ よーこ ]
他の方の説明で何度やってもうごかなかった・・・持ち帰って勉強します。
2007/1/24(水) 午後 10:24
転載させてください♪ぽち
2007/2/1(木) 午前 4:59
転載します。
2007/3/15(木) 午前 0:21 [ - ]
有難う御座いますッ！(>_<)
2007/6/5(火) 午前 0:57
転載させてもらいますね(^_^)
2007/6/28(木) 午後 4:14 [ kdi*ok*ich* ]
楽しそうですね。転載させて下さいね。 ポチ
2007/9/10(月) 午後 5:14 [ tarako ]
初めまして、少しづつ勉強させていただいてかわいいブログしていきたいです。
ありがとうございました。
2009/3/23(月) 午後 6:14