文字を動かす（スクロールする）方法

文字を動かす（スクロールする）方法

文字を動かす（スクロールする）方法

上のように文字を動かして表示するにはHTMLタグを使用します。
HTMLとははホームページなどを作成する際に使う方法の一つなのですが、
このYahoo!ブログでもいくつかのHTMLタグを使用することができます。

ただし使用できるのは記事本文のみでコメントには使用することはできません。
※また、wiki文法を使用にチェックを入れてはいけません。

文字を動かして表示するHTMLタグの記述の方法は至って簡単ですのご安心下さい。

こちらのサイト様
http://www.bannerkoubou.com/html-tag/
を利用すれば、HTMLタグを自動で作成できますが

ここでも基本的な事をご説明しておきます。

↓以下説明↓

例えばただ単に文字を動かしたい場合は
パターン①
<marquee>あいうえお</marquee>と記述すれば
あいうえおと表示されます。

パターン②背景の色を変える方法
<marquee bgcolor=yellow>あいうえお</marquee>と記述すれば
あいうえおと表示されます。

このyellowと入力した部分が背景の色の指定になります。
例えば水色にしたい場合このyellowの部分をaquaに置き換えます。
<marquee bgcolor=aqua>あいうえお</marquee>と記述すれば
あいうえおと表示されます。

色の指定で代表的な物をご紹介致します。
black→黒
silver→銀
gray→灰色
maroon→赤茶色
red→赤
purple→紫
fuchsia→ピンク
green→緑
lime→黄緑
olive→黄土色
yellow→黄色
navy→紺色
blue→青
teai→深緑
aqua→水色
などこの他にも多数ございます。

パターン③左から右に動かす方法
<marquee direction=right>あいうえお</marquee>と記述すれば
あいうえおと表示されます。

パターン④上から下に動かす方法
パターン③でrightと入力した部分が動かす方向の指定になります。
例えば上から下へ動かしたい場合この『right』の部分を『down』に置き換えて、上下の幅を『height=100』
(この100という数字を200にしてみたりして上下の幅を調整できます。）
で指定すると
<marquee direction=down height=100>あいうえお</marquee>と記述すれば
あいうえおと表示されます。

パターン⑤一度に文字の色、大きさ、太さ、背景の色を変えながら動かす方法
まず先に以下の３つを覚えて下さい。

①文字の色を変える方法
http://blogs.yahoo.co.jp/net75301/folder/95627.html

②文字の大きさを変える方法
http://blogs.yahoo.co.jp/net75301/folder/95567.html

③文字の太さを変える方法
http://blogs.yahoo.co.jp/net75301/folder/1467825.html

文字の色と大きさと太さをそれぞれ単独で変える場合は

①文字の色を変える方法
あいうえおと記述すれば
あいうえお

②文字の大きさを変える方法
あいうえおと記述すれば
あいうえお

③文字の太さを変える方法
あいうえおと記述すれば
あいうえお

でしたよね！

これに今回覚えた「文字を動かす方法」を加えれば、
<marquee bgcolor=black>あいうえお</marquee>と記述すれば
あいうえおと表示されます。

是非一度お試し下さい。

Yahooブログ入門書としてご利用下さい。
記事は転載して頂いてもＯＫです。
『傑作』・『お気に入り』・『コメント』・『トラックバック』など大歓迎です。
宜しくお願い致します。

記事作成
はじめてのヤフーブログ(初心者のための入門書)
http://blogs.yahoo.co.jp/net75301

転載元: はじめてのヤフーブログ（入門書）