緊急開設(解説)動く文字のTAG表記

緊急開設(解説)動く文字のTAG表記

どうやら動く文字のTAGの表記方法が
わからない人がいるので開設しました!
表記する時は半角で入力してね!
大文字小文字どちらでも混ざりでも可能です!
font sizeとfont colorなどに使う””は無くても可能です!
ホントに覚える気のある人だけ見てください!
それから下記の書いた内容で
もし分からない事があればさらに聞いてください!
タグを代わりに書いてあげるということはしません。

ココからタグの表記例だけをコピー&ペーストして下さい!
ココで得た情報は、自分のサイトに役立てて結構ですが
一言掲示板へカキコしてくれれば嬉しいです!


左右への往復運動をするためのTAG表記方法は…
<marquee behavior=alternate><font size=5 color=red>動かしたい文字、または画像</font> </marquee>と表記します。

sizeのところの数字は1~7に変えてもいいし、colorもred以外にも変えてもいいです。

表記実行例として
動かしたい文字か画像

この様になります!

上記のTAG表記の時にalternateをslideに変えると一方向に移動。枠からはみ出さないで、端に達すると端で止まります。
動いていない場合は更新をクリック!
表記例として
<MARQUEE BEHAVIOR=SLIDE><FONT SIZE=5 COLOR=BLUE>動かしたい文字か画像</FONT></MARQUEE>


表記実行例として
動かしたい文字か画像

この様になります!

上記のTAG表記の時にalternateをscrollに変えると一方向に移動。枠からはみ出していき、徐々に消えていきます。
動いていない場合は更新をクリック!

表記例として
<MARQUEE BEHAVIOR=SCROLL><FONT SIZE=5 COLOR=BLUE>動かしたい文字か画像</FONT></MARQUEE>


表記実行例として
動かしたい文字か画像

この様になります!

slideとscrollは一方向しか移動しないとありましたが、別に付け加えないで
それだけだと右から左のほうへしか移動しませんが、下記のような表記方法にすると『上、下、右、左』に動かせます。

上に動かすTAG表記
<marquee direction=up>動かしたい文字か画像</font></marquee>

動いていない場合は更新をクリック!

表記実行例として
上に動かしたい文字か画像

上記のTAG表記方法の応用で

upのところをdownに変えると下へ移動
upのところをrightに変えると右へ移動
upのところをleftにすると左へ移動
(left:この場合省略して表記しない時と同じです)

上記の表記方法だと幅が表示されているようになりますが、
下のようにするとイロイロな大きさに変えられます!


横幅(画面幅)100 高さが50で文字か画像を下の方向に動かす表記例
<marquee width=100 height=50 direction=down><font size=5>動かしたい文字か画像</font></marquee>

表記実行例として
動かしたい文字か画像

横幅(画面幅)300 高さが150で文字か画像を下の方向に動かす表記例
<marquee width=300 height=150 direction=down><font size=5>動かしたい文字か画像</font></marquee>

動かしたい文字か画像

速さを変えるには2つの方法があります!
1つは
  scrollmount :1回の移動距離
もう1つは
  scrolldelay :移動する間隔時間。1/1000秒単位。

この2つのscrollmountとscrolldelayの両方か片方をmarqueeで
始まる括弧の中に続けて書けば速さが変わります。

表記例として
<marquee behavior=scroll scrolldelay=10><font size=5 color=red>動かしたい文字、または画像</font></marquee>


そうすると表記実行例として
動かしたい文字か画像

2つの速さを変える方法はあまり変わりませんが、
数値の大きさを変えてそれぞれを比べると動きはよく分かると思います!



新しい動きです!ともみ0702さんのサイトより
一方向へ動くマーキーのslideと往復のマーキーのalternateを
組み合わせると始めだけランダムで動きが途中で止まります!

表記例として
<marquee behavior=slide><marquee behavior=alternate>ココに動かしたい文字や画像のデータ</marquee></marquee>


すると実行例として↓
Qooの雪だるま

動いていない時は更新を押してね!

ここからはぷよよーんが視点を変えて考えた方法です!
上記の表記方法のslideをscrollに変えると途中途中止まりながら
一方向にスクロールしていく方法になります!
するとこうなるよ!↓
Qooの雪だるま

マーキーの動いている背景にも色をつけることが出来ます!
最初のカッコ内にbgcolor=色の名前を入れるだけです!
表記例として

<marquee bgcolor=beige>ココに動かしたい文字か画像のタグ</marquee>

すると下のようになります!これも応用で大きさも指定できます!
動いていますか?

HTMLタグについて解説(紹介)しているページへ

開設100日記念!TABLEのTAG表記




© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: