楽天 de おいしい暮らし

楽天 de おいしい暮らし

文字を流す

画面の右から左へ流す
~文字を流そう~

<marquee>ここに文字</marquee>



画面の左から右へ流す

~文字を流そう~

<marquee direction="right">ここに文字</marquee>



文字の流れる速さを指定する

<MARQUEE scrollamount="6" direction="right">ここに文字</MARQUEE>

※「scrollamount=”●”」 の●の部分の数値を変えることで流れるスピードを変えることができます。
※速さは、数字が大きくなるほど速くなります。



流れる文字のサイズや色を指定する


<MARQUEE scrollamount="6" direction="right"><FONT size="3" color="★カラーコード★">ここに文字</FONT></MARQUEE>

※文字のサイズ 「size="3" 」の数値を指定する
※「★カラーコード★」の部分は、カラーコード表から色を選択して入力してください。



文字を左右に往復させる

~行ったり来たりするよ~

<marquee behavior="alternate">ここに文字</marquee>



文字を上下に往復させる

上下に行ったり来たりしま~す。

<marquee behavior="alternate" direction="動く向き" scrollAmount="動く速さ" width="幅" height="高さ">ここに文字</marquee>

※文字が動く速さや、動く範囲も指定してね。
※動く向きは、up、down、right、left があります。
※速さは、数字が大きくなるほど速くなります。



文字が上にあがって消す

上にあがって消えま~す

<marquee direction="up" scrollamount="スクロールの早さ" width="長さ" height="高さ"><font color="文字色" size="文字サイズ">ここに文字</font></marquee>




背景に色をつけて白抜き文字を流す

★流す文字★

<MARQUEE scrollamount="6" bgcolor="★カラーコード★" width="■"><FONT color="#ffffff">ここに文字</FONT></MARQUEE>

※「scrollamount=”●”」 の●の部分の数値を変えることで流れるスピードを変えることができます。
(速さは、数字が大きくなるほど速くなります。 )
※「★カラーコード★」の部分は、カラーコード表から色を選択して入力してください。
※流す範囲(幅)を指定する場合は、「 width="■"」の■の数値を変えます。
範囲を指定しない場合は、「 width="■"」の部分を削除してください。



© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: