レイアウト <MARQUEE>詳細


楽天ブログ便利帳 - タグ帳 - レイアウト - <MARQUEE>詳細
基本
タグ <MARQUEE>文字・画像</MARQUEE>
こう書くと <MARQUEE>流れる文字</MARQUEE>
こうなる 流れる文字
  画像タグを入れる事で、画像を動かす事も出来る。
<MARQUEE>
<img src="画像のアドレス"></MARQUEE>
 
右にスクロール
タグ <MARQUEE direction="right">文字・画像</MARQUEE>
こう書くと <MARQUEE direction="right">右にスクロール</MARQUEE>
こうなる 右にスクロール
   
左右にスクロール
タグ <MARQUEE behavior="alternate">文字・画像</MARQUEE>
こう書くと <MARQUEE behavior="alternate">左右にスクロール</MARQUEE>
こうなる 左右にスクロール
   
幅を指定する
タグ <MARQUEE width="数値">文字・画像</MARQUEE>
こう書くと 幅を300ポイントにする
<MARQUEE width="300">
横幅300</MARQUEE>
中央に揃える
<center>
<MARQUEE width="300">横幅300</MARQUEE></center>
こうなる 幅を300ポイントにする
横幅300
中央に揃える
横幅300・中央で
   
上にスクロール、下にスクロール
タグ <MARQUEE direction="up" height="数値">文字・画像</MARQUEE>
<MARQUEE direction="down" height="数値">
文字・画像</MARQUEE>
こう書くと 50ポイントの高さで上にスクロール
<MARQUEE direction="up" height="50">
上にスクロール</MARQUEE>
こうなる 上にスクロール
こう書くと 50ポイントの高さで下にスクロール
<MARQUEE direction="down" height="50">
下にスクロール</MARQUEE>
こうなる 下にスクロール
   
上下にスクロール
タグ <MARQUEE behavior="alternate" direction="up" height="数値">文字・画像</MARQUEE>
こう書くと 50ポイントの高さで上下にスクロール
<MARQUEE behavior="alternate" direction="up" height="50">
上下にスクロール</MARQUEE>
こうなる 上下にスクロール
   
速度を変える
タグ <MARQUEE scrollamount="数値" truespeed>文字・画像</MARQUEE>
こう書くと <MARQUEE scrollamount="1" truespeed>スピードが変わる(1)</MARQUEE>
<MARQUEE scrollamount="5" truespeed>
スピードが変わる(5)</MARQUEE>
<MARQUEE scrollamount="10" truespeed>
スピードが変わる(10)</MARQUEE>
<MARQUEE scrollamount="20" truespeed>
スピードが変わる(20)</MARQUEE>
こうなる スピードが変わる(1)
スピードが変わる(5)
スピードが変わる(10)
スピードが変わる(20)
  数値が大きいほど速度が速くなります。
   
背景に色を付ける
タグ <MARQUEE Bgcolor="色コード">文字・画像</MARQUEE>
こう書くと <MARQUEE Bgcolor="#FFCCFF">背景に色が付いたよ</MARQUEE>
こうなる 背景に色が付いたよ
   
組み合わせ 上下50左右300
こう書くと <MARQUEE behavior="alternate" direction="up" height="50"><MARQUEE behavior="alternate" width="300">ヽ(・へ・Фのこったのこった〜</MARQUEE></MARQUEE>
こうなる ヽ(・へ・Фのこったのこった〜
  上下左右に動かす場合、始めに上下のタグを書き、その中に左右のタグを書くのがコツです。
   
楽天ブログ便利帳 - タグ帳 - レイアウト - <MARQUEE>詳細