☆　流れる画像（マーキー） ☆

流れる文字はこちら

■ 流れる画像 （width=文字が流れる幅 scrollamount=流れる速さ）

◇ 右から左へ流れる ◇ <MARQUEE scrollamount=6 width="400"><IMG src="○○○.gif"></MARQUEE> ◇ 左から右へ流れる ◇ <MARQUEE scrollamount="6" width="400" direction="right"><IMG src="○○○.gif"></MARQUEE> ◇ 下から上へ流れる ◇ <MARQUEE scrollamount="6" width="100" height="200" direction="up"><IMG src="○○○.gif"></MARQUEE> ◇ 上から下へ流れる ◇ <MARQUEE scrollamount="6" width="100" height="200" direction="down"><IMG src="○○○.gif"></MARQUEE>

■ 流れ方を変える

◇ スライド　（右から左へ流れて止まる） ◇ ※プラウザの更新ボタンで確認してみてください <MARQUEE>タグに behavior="slide" を追加 <MARQUEE scrollamount=6 behavior="slide" width="400"><IMG src="○○○.gif"></MARQUEE> ◇ 往復運動 ◇ <MARQUEE>タグに behavior="alternate" を追加 <MARQUEE scrollamount=6 behavior="alternate" width="400"><IMG src="○○○.gif"></MARQUEE> ◇ 往復運動　額縁風 ◇ <MARQUEE>タグに behavior="alternate" を追加するだけで、額縁風も簡単に出来るよ！ ○○○.gif の部分で背景画像を指定してください。 <TABLE background="bgches16.gif" bordercolor="#cbe0b1" cellspacing="5" cellpadding="4" border="1"> <TBODY> <TR> <TD bgcolor="#f3f9f2"><MARQUEE scrollamount="6" width="300" behavior="alternate"><IMG src="○○○.gif"></MARQUEE></TD> </TR> </TBODY> </TABLE>

■ 流れる回数を指定する 　※プラウザの更新ボタンで確認してみてください

◇ 流したい回数を指定 ◇ <MARQUEE>タグに loop="流したい回数" を追加 ※ スクロールの場合は指定回数流れた後、消えます。 <MARQUEE scrollamount=10 loop="3" width="300"><IMG src="○○○.gif"></MARQUEE> ◇ ゆらゆらしたい回数を指定 ◇ <MARQUEE>タグに loop="ゆらゆらしたい回数" を追加 ※ 指定回数ゆらゆらした後、止まります。 <MARQUEE scrollamount=12 behavior="alternate" loop="10"width="300"><IMG src="○○○.gif"></MARQUEE>

Copyright (C) 2001-2014. Various Colors. All rights reserved.