画像の表示位置変更

Index
　　イメージタグのスタイル属性を使用して、画像の表示位置を変更するサンプルを
　作成しました。


［例］

　　<HTML>
　　<HEAD>
　　　　<TITLE>Change Position</TITLE>
　　　　<SCRIPT TYPE="text/JavaScript">
　　　　<!--
　　　　var flg = 0;
　　　　function ChngPos()
　　　　{
　　　　　　flg ^= 1;
　　　　　　if( flg == 1 ) {
　　　　　　　　title.style.top = 680;　   // (1)
　　　　　　} else {
　　　　　　　　title.style.top = 680 + 40;　// (2)
　　　　　　{
　　　　　　timerID = setTimeout( "ChngPos()", 500 );
　　　　}
　　　　//-->
　　　　</SCRIPT>
　　</HEAD>
　　<BODY BGCOLOR="white" ONLOAD="ChngPos();">　　// (4)
　　<SPAN ID="title" STYLE="position:absolute;top:680;left:0;">
　　　　<IMG SRC="../../img/2/venom face.gif" WIDTH="48" HEIGHT="48">
　　</SPAN> // (3)
　　</BODY>
　　</HTML>
【解説】

　(1) flg = 1 のとき画像の top 座標を 680 に設定。
　(2) flg = 0 のとき画像の top 座標を 720 に設定。
　(3) スパン・タグの属性の設定。
　(4) 画像の位置変更の実行部。
【実行結果】