JoyWave便利箱「 marquee 動かし方の例」

≪ marquee 動かし方の例 ≫
動かない場合は、ブラウザの更新ボタンを押してください。

こんな風に動く	ソース（ </marquee>の手前に動かしたい文字や画像を入れる）
◆ marquee 上にスクロール（早く） ◆	<marquee width="360" height="40" scrollamount="1" scrolldelay="80" direction="up"></marquee>
◆ marquee 上にスクロール（遅く） ◆	<marquee width="360" height="40" scrollamount="1" scrolldelay="150" direction="up"></marquee>
◆ marquee 上にスクロール（２回） ◆	<marquee width="360" height="40" scrollamount="1" scrolldelay="150" direction="up" loop="2"></marquee>
◆ marquee 下にスクロール ◆	<marquee width="360" height="40" scrollamount="1" scrolldelay="80" direction="down"></marquee>
◆ marquee 左にスクロール ◆	<marquee width="360" height="40" scrollamount="1" scrolldelay="30" direction="left"></marquee>
◆ marquee 左にスクロール ◆	<marquee width="360" height="40" scrollamount="2" scrolldelay="30" direction="left"></marquee>
◆ marquee 右にスクロール ◆	<marquee width="360" height="40" scrollamount="2" scrolldelay="30" direction="right"></marquee>
◆ marquee 左右に繰り返し ◆	<marquee width="360" height="40" scrollamount="2" scrolldelay="20" direction="left" behavior="alternate"></marquee>
◆ marquee 点滅 ◆	<marquee width="360" height="40" scrollamount="240" scrolldelay="1" direction="left" behavior="alternate"></marquee> （注意） scrollamountの数値と文字長と「 width 」をうまく合わせないと点滅には見えません。
◆ marquee 上下に繰り返し ◆	<marquee width="360" height="40" scrollamount="1" scrolldelay="80" direction="up" behavior="alternate"></marquee>
◆ marquee 下からスライド ◆	<marquee width="360" height="40" scrollamount="1" scrolldelay="120" direction="up" behavior="slide"></marquee>

動かない場合は、ブラウザの更新ボタンを押してください。

「width」「height」は面倒なので変えていませんが、
動かすものに合うよう変更してください。

その他に戻る