文字を動かす

「楽天広場」ですぐ使える
 超初心者向けタグ講座

2.　文字を動かす
● 右から左に文字を動かす 　<marquee>
● 左から右に文字を動かす 　<marquee direction=left>
● 左右に往復させる 　<marquee behavior=alternate>
● 下から上に文字を動かす 　<marquee direction=up>
● 上から下に文字を動かす 　<marquee direction=down>
● 上下に往復させる 　<marquee behavior=alternate direction=down>
● 文字を動かす範囲を指定する 　<marquee width=○ height=○>
● 文字を動かす速さを指定する 　<marquee scrollamount=○>

トップページに戻る


□■□ 　右から左へ文字を動かす　 □■□
タグを使って 　[右から左へ文字を動かす ]　
使用タグ＝ <marquee> ～ </marquee>
■　編集画面 ■　ホームページの表示
<marquee> ようこそ私のホームページへ。 </marquee> ようこそ私のホームページへ。
<marquee>～</marquee>で挟んだ部分が右から左へ流れます。

 文字を動かすトップに戻る
□■□ 　左から右へへ文字を動かす　 □■□
タグを使って 　[左から右へ文字を動かす ]　
使用タグ＝ <marquee direction=left> ～ </marquee>
■　編集画面 ■　ホームページの表示
<marquee direction=left> ようこそ私のホームページへ。 </marquee> ようこそ私のホームページへ。
<marquee direction=left>～</marquee>で挟んだ部分が左から右へ流れます。

 文字を動かすトップに戻る
□■□ 　左右へ往復させる　 □■□
タグを使って 　[左右へ往復させる ]　
使用タグ＝ <marquee behavior=alternate> ～ </marquee>
■　編集画面 ■　ホームページの表示
<marquee behavior=alternate> ようこそ私のホームページへ。 </marquee> ようこそ私のホームページへ。
<marquee behavior=alternate>～</marquee>で挟んだ部分が左右に往復します。

 文字を動かすトップに戻る
□■□ 　下から上へ文字を動かす　 □■□
タグを使って 　[下から上へ文字を動かす ]　
使用タグ＝ <marquee direction=up> ～ </marquee>
■　編集画面 ■　ホームページの表示
<marquee direction=up height=40> ようこそ私のホームページへ。 </marquee> ようこそ私のホームページへ。
<marquee direction=up>～</marquee>で挟んだ部分が下から上へ流れます。

 文字を動かすトップに戻る
□■□ 　上から下へ文字を動かす　 □■□
タグを使って 　[上から下へ文字を動かす ]　
使用タグ＝ <marquee direction=down> ～ </marquee>
■　編集画面 ■　ホームページの表示
<marquee direction=down height=40> ようこそ私のホームページへ。 </marquee> ようこそ私のホームページへ。
<marquee direction=down>～</marquee>で挟んだ部分が上から下へ流れます。

 文字を動かすトップに戻る
□■□ 　上下に往復させる　 □■□
タグを使って 　[上下に往復させる]　
使用タグ＝ <marquee behavior=alternate direction=down> ～ </marquee>
■　編集画面 ■　ホームページの表示
<marquee behavior=alternate direction=down height=60> ようこそ私のホームページへ。 </marquee> ようこそ私のホームページへ。
<marquee direction=down>～</marquee>で挟んだ部分が上から下へ流れます。

 文字を動かすトップに戻る
□■□ 　文字を動かす範囲を指定する　 □■□
文字を流す範囲を指定する
使用タグ＝ <marquee>属性＝「width=」「height=」 ～ </marquee>
■　編集画面 ■　ホームページの表示
<marquee width=50> ようこそ </marquee> ようこそ
<marquee width=100> ようこそ </marquee> ようこそ
<marquee height=20 direction=up> ようこそ </marquee> ようこそ
<marquee height=50 direction=up> ようこそ </marquee> ようこそ
文字を流す範囲を指定するには、属性「width=」「height=」を使用します。

 文字を動かすトップに戻る
□■□ 　文字を動かす速さを変える　 □■□
文字を流す速さを変える
使用タグ＝ <marquee scrollamount=○> ～ </marquee>
■　編集画面 ■　ホームページの表示
<marquee scrollamount=1> ようこそ </marquee> ようこそ
<marquee scrollamount=3> ようこそ </marquee> ようこそ
<marquee scrollamount=6> ようこそ </marquee> ようこそ
<marquee scrollamount=10> ようこそ </marquee> ようこそ
<marquee scrollamount=20> ようこそ </marquee> ようこそ
文字を流す速度を変更するには、属性「scrollamount=」を使用します。
同じタグに複数の属性を同時に指定できることは先に説明しましたね。
文字を上から下に「１」の速さで動かすには
<marquee direction=down scrollamount=1 height=70>ようこそ</marquee>
のように指定します
この場合は右のようの表示されます。
ようこそ


文字を動かすトップに戻る
BACK
TOP
NEXT

人気のクチコミテーマ
© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: