画像の表示位置変更

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

[例]

<html>
<head>
<title>Change Position</title>
<script language="JavaScript">
<!--
var flg=0;
function blink(){
	flg ^= 1;
	if( flg == 1 ){	//(1)
		title.style.top = 1000;
	}
	else{			//(2)
		title.style.top = 1000 + 32;
	}
	setTimeout( "ChngPos()" , 500 );
}
//-->
</script>
</head>
<body bgcolor="white">
<img src="../image/index_ttl.gif" id="title" 
style="container:positioned;position:absolute;top:1000;left:0;height:35;width:302;">	//(3)
<script language="JavaScript">
<!--
ChngPos();	//(4)
//-->
</script>
</body>
</html>

【解説】

(1)flg=1のとき画像のtop座標を600に設定.
(2)flg=2のとき画像のtop座標を632に設定.
(3)イメージ・タグの角属性の設定.
(4)画像の位置変更の実行部.

【実行結果】















1998(C) Motonari Morikawa