☆画像や文字を動かす（表示位置の移動）


◎ ＜MARQUEE＞ 〜〜 ＜/MARQUEE＞のタグを使用する事で、
「〜〜」部分に書かれた文字や貼り付けられた画像を左右に動かす事が出来ます。

 ※ 属性を記入する事で移動方向（右からか左からか、あるいは上から下から） を指定する事も出来ます。

サンプル雛形のソース（１）右から左へ
                        → 画像や文字の移動サンプル雛形（１）へ
 
<HTML>
 <HEAD>
  <TITLE>画像を動かす</TITLE>
 </HEAD>
 <BODY>

<MARQUEE><IMG SRC="ball.gif"></MARQUEE>
<BR><BR>
<MARQUEE><H3> 文字も動きます。</H3></MARQUEE>

 </BODY>
</HTML>

 


◎ 属性を使って動く方向を指定(１)
＜MARQUEE＞タグの中に属性＜ｄｉｒｅｃｔｉｏｎ＝〜〜〜＞を入れる
「〜〜〜」部分には動く方向 ＜ＲＩＧＨＴ＞か＜ＬＥＦＴ＞を記入

 ※ 記入例（１）
 
<MARQUEE direction=left>右から左へ</MARQUEE>

 

 ※ 記入例（２）
 
<MARQUEE direction=right>左から右へ</MARQUEE>

 


サンプル雛形のソース（２）左右を指定して移動させる
                        → 画像や文字の移動サンプル雛形（２）へ
 
<HTML>
 <HEAD>
  <TITLE>画像を右・左に指定して動かす</TITLE>
 </HEAD>
 <BODY>

<CENTER><B>右から左へ移動</B></CENTER><BR>
<MARQUEE direction=left><IMG SRC="ball.gif"></MARQUEE>

<BR><BR>

<CENTER><B>左から右へ移動</B></CENTER><BR>
<MARQUEE direction=right><IMG SRC="ball.gif"></MARQUEE>

 </BODY>
</HTML>

 


◎ 属性を使って動く方向を指定(２)
属性＜ｄｉｒｅｃｔｉｏｎ＝〜〜〜＞ の「〜〜〜」部分に動く方向 ＜ＤＯＷＮ＞か＜ｕｐ＞のいずれかを記入すると上下のいずれかに動く

 ※ 記入例（３）上から下へ
 
<MARQUEE direction=down>上から下へ</MARQUEE>

 

 ※ 記入例（４）下から上へ
 
<MARQUEE direction=up>下から上へ</MARQUEE>

 


サンプル雛形のソース（３）上から下へ移動させる
                        → 画像や文字の移動サンプル雛形（３）へ
 
<HTML>
 <HEAD>
  <TITLE>画像を上から動かす</TITLE>
 </HEAD>
 <BODY>

<CENTER><H3>上から下へ</H3></CENTER>

<MARQUEE direction=down><CENTER> <IMG SRC="ball.gif"></CENTER></MARQUEE>

 </BODY>
</HTML>

 


サンプル雛形のソース（４）下から上へ移動させる
                        → 画像や文字の移動サンプル雛形（４）へ
 
<HTML>
 <HEAD>
  <TITLE>画像を下から動かす</TITLE>
 </HEAD>
 <BODY>

<CENTER><H3>下から上へ</H3></CENTER>

<MARQUEE direction=up><CENTER> <IMG SRC="ball.gif"></CENTER></MARQUEE>

 </BODY>
</HTML>

 


利用方法の説明ページへ