【ブログ技vol.5】文字をスクロールさせたい!!
みなさん、こんにちは。GAZOO.com編集部です(*'‐'*)
今回は、文字をスクロールさせるブログ技をご紹介します!!
<HTMLタグ>を入力して指定します。
■文字の色を指定する
<marquee ★ >テキスト</marquee>
★・・・width(幅)="ピクセル"、または"%"
height(高さ)="ピクセル"、または"%"
hspace(左右の余白)="ピクセル"、または"%"
vspace(上下の余白)="ピクセル"、または"%"
behavior(動き方)="scroll"、"alternate"、"slideter
・scroll:片側からのスクロールを繰り返す
・alternate:端にくると逆側へのスクロールを繰り返す
・slide:端にくるとスクロールが停止する
direction(方向)="left"、"right"、"up"、"down"
bgcolor="カラーコード"、または"カラーネーム"
でテキスト部分をスクロールさせます。
では、試しにやってみましょう。
【HTMLソース】
<marquee>デフォルト</marquee>
<marquee width="50%">ウィンドウに対して幅を50%に設定</marquee>
<marquee behavior="alternate">逆スクロールを繰りかえします</marquee>
<marquee direction="up">上にスクロールします</marquee>
<marquee bgcolor="#ff0000">背景を赤にします</marquee>
【ブラウザ表示】
是非、試してみてくださいね(*^▽^*)/