動くアニメを使って 横に流れるタグのご紹介

　「はな」さまからご依頼の「ゆらゆら動く」タグのご紹介です。
いろんな方法がありますが、お好みの「ゆらゆら」はあるかな。

　お気に入りの方法でブログをより楽しんでくださいね。

その１　右に左にと

<今日の編集方法です<><

タグです
＜TABLE width="500" border="0"＞＜TR＞＜TD＞＜FONT style="FONT-SIZE:
0px" color=#ffffff＞＜＜MARQUEE scrollAmount=3 behavior=alternate＞
＜IMG src="動くgif・URL"＞＜FONT color=00 size=3＞文字です＜/FONT＞
＜IMG src="動くgif・URL"＞＜＜/MARQUEE＞＞＜＜/FONT＞＜/td＞＜/tr＞＜/table＞

＜＞は全て半角にしてください。
タグは一列タグですので、一度タグを写して一列にしてくださいね。
「scrollAmount=3」はスピードですので、お好みの速さでどうぞ。
「width=500 」はスクロールが動く幅ですのでお好みでどうぞ。
「color=#ffffff」は「＜」をより隠す色ですので、みなさまの
　　グランドカラー（テンプレート色）に近い色をお勧めします。


その２　固定ながら動くアニメ




タグです。
＜table border="0"＞＜tr＞＜td＞＜img src="動くgif・URL"alt="タイトル"＞
＜img src="動くgif・URL"alt="タイトル"＞＜img src="動くgif・URL"alt="タイトル"＞＜/td＞
＜/tr＞＜/table＞

＜＞は全て半角にしてください。
タグは一列タグですので、一度タグを写して一列にしてくだ
　　さいね。
固定画ですので＜img src="URL"alt="タイトル"＞にしますと画にマウスを
　　置くと文字が出ますよ。

その３　動く幅の制限なしの右から左から
<<><

<<><

タグです
＜FONT color=#fffafa＞＜＜MARQUEE scrollAmount=4 behavior=alternate＞
＜IMG src="動くgif・URL"＞＜IMG src="動くgif・URL"＞
＜IMG src="動くgif・URL"＞＜IMG src="動くgif・URL"＞
＜＜/MARQUEE＞＞＜＜/FONT ＞

＜＞は全て半角にしてください。
タグは一列タグですので、一度タグを写して一列にしてくださいね。
動く幅を決めていませんので画面いっぱいに動きますよ。
「scrollAmount=4」はスピードですので、お好みの速さでどうぞ。


その４　右～、左～

<

<

タグです
＜table border="0"＞＜tr＞＜td＞＜font color="#ffffff"＞＜＜marquee direction="left"
width="500" height="220" scrollamount="4"＞＜/font＞＜img src="動くgif・URL"＞
＜/td＞＜/tr＞＜/table＞

＜＞は全て半角にしてください。
タグは一列タグですので、一度タグを写して一列にしてくださいね。
「scrollAmount="4"」はスピードですので、お好みの速さでどうぞ。
「width="500" 」はスクロールが動く幅ですのでお好みでどうぞ。
「height="220"」は画に高さですのでお好みでどうぞ。
「color=#ffffff」は「＜」をより隠す色ですので、みなさまの
　　グランドカラー（テンプレート色）に近い色をお勧めします。
「direction="left"」はスクロールの方向です。
　　右に動かすときは「right」と入れてくださいね。
画像を増やすときは＜img src="動くgif・URL"＞を増やしてね。



その５　アンちゃんスクロールをアレンジしてみました。
　　　　マウスオンでストップしカラスをクリックで右に左にと

左に<

<<<<<<<

右に<

タグです
＜TABLE border="0"＞＜TBODY＞＜tr＞＜td＞左に＜font style="font-size:0px;"＞＜＜img src="★URL"alt="タイトル" onclick="is02.direction='left'"＞＜/td＞＜td＞＜font style="font-size:0px;"＞＜＜MARQUEE id="is02"scrollamount="4" direction="left" onmouseover="this.stop()"
onmouseout="this.start()" width="350"＞＜＜img src="●URL"alt="タイトル"＞＜＜img src="●URL"alt="タイトル"＞＜＜img src="●URL"alt="タイトル"＞＜＜/MARQUEE＞＜/font＞＜/td＞＜td＞右に＜font style="font-size:0px;"＞＜＜img src="★URL"alt="タイトル" onclick="is02.direction='right'"＞＜/td＞＜/tr＞＜/TBODY＞＜/TABLE＞


＜＞は全て半角にしてください。
タグは一列タグですので、一度タグを写して一列にしてくださいね。
「scrollAmount="4"」はスピードですので、お好みの速さでどうぞ。
画像を増やすときは＜img src="●URL"＞を増やしてね。
＜＜img src="★URL"＞はカラスちゃんですので同じ画を
　　お勧めします。
「id="is02"」がありますので、同じ編集画面では気をつけてね。
マウスオンストップになりますので＜img src="URL"alt="タイトル"＞に
　　しますと画にマウスを置くと文字が出ますよ。

　たくさんあって、目がゆらゆらしませんでしたか？。

　動くアニメはフリー素材のサイトさんよりお借りしました。