bytefx:位置を指定する

 bytefxでオブジェクトの座標を指定するにはbytefx.position()を使います。bytefx.positionの書式は以下のようになります。

bytefx.position(対象オブジェクト, X座標, Y座標)

 対象オブジェクトはdocument.getElementById()などで指定します。2番目と3番目に設定する座標を指定します。
 以下のサンプルではボタンをクリックすると赤いボックスが指定座標に表示されます。(サンプルを実行する

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>bytefx : 位置を指定する</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="bytefx_OS.js"></script>
<script type="text/javascript"><!--
function setPos(objX, objY)
{
bytefx.position(document.getElementById("box"), objX, objY);
}
// --></script>
</head>
<body>
<h1>bytefx : 位置を指定する</h1>
<form>
<input type="button" value="(200,50)に座標を設定" onClick="setPos(200, 50)">
<input type="button" value="(10,300)に座標を設定" onClick="setPos(10, 300)">
</form>
<div id="box">bytefx : を使った位置指定サンプル</div>
</body>
</html>

[エフェクトの目次へ]
[「Ajaxを勉強しよう」の目次へ]

(2006.10.6)