オブジェクトの位置を指定する (2)
<DIV ID="test1" style="position:absolute;"> <H1>オブジェクト1</H1> </DIV> <SCRIPT language="JavaScript"> <!-- test1.style.left=200; test1.style.top=100; //--> </SCRIPT>
表示ボタン
でサンプルが新しいウインドウで表示されます。
で初めのサンプル状態に戻ります。
二度目からは、言葉などを改造して表示ボタンを押してみよう!!
少し説明をします
JavaScriptで位置を指定する時は初めに、
絶対座標からの移動か、相対座標からの移動かを設定しなければなりません。
今回の例では、絶対座標を指定しています。
コマンド
意味・効果
position:absolute
絶対座標で位置を指定
position:relative
相対座標で位置を指定
-戻る-