移動させる

書式

bytefx.move(element, {x:X, y:Y}, speed, func)

element : ページ上のエレメント
X : 移動先のX座標
Y : 移動先のY座標
speed : 速度
func : 移動処理が終了した際に行う処理【省略可能】

説明

 ページ上のエレメントを移動させるにはbytefx.move()を使います。移動先の座標は{x:値, y:値}の形式で指定します。移動は直線的ではなく移動先の座標に近づくと速度が遅くなります。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</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 moveBox(objX, objY){
bytefx.move(document.getElementById("box"), {x:objX, y:objY}, 10,
function (){
alert("移動完了");
}
);
}
// --></script>
</head>
<body>
<h1>移動処理</h1>
<form>
<input type="button" value="(150,50)に移動" onClick="moveBox(150, 50)">
<input type="button" value="(10,250)に移動" onClick="moveBox(10, 250)">
</form>
<div id="box">bytefxサンプル</div>
</body>
</html>