指定位置に移動する

書式

new Rico.Effect.Position(element, x, y, duration, steps, options)

element : ページ上のエレメント
x : 移動先のX座標
y : 移動先のY座標
duration : フェード時間(ミリ秒)
steps : フェードのステップ
options : オプション【省略可能】

説明

 指定位置に移動するにはRico.Effect.Position()を使います。パラメータにはフェード処理するページ上のエレメント、移動先のX,Y座標、移動処理にかかる時間、移動処理のステップを指定します。オプションにはcompleteで移動完了時の処理を指定することができます。

サンプルコード [実行]

<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="prototype.js"></script>
<script type="text/javascript" src="rico.js"></script>
<script type="text/javascript"><!--
function setPos(x, y){
new Rico.Effect.Position("box", x, y, 100, 10,
{ complete:function(){ alert("移動完了"); } }
);
}
// --></script>
</head>
<body>
<h1>移動処理</h1>
<form>
<input type="button" value="(30,120)に移動" onClick="setPos(30,120)">
<input type="button" value="(0, 100)に移動" onClick="setPos(0, 100)">
<input type="button" value="(120,220)に移動" onClick="setPos(120,220)">
</form>
<div id="box">Ricoサンプル</div>
</body>
</html>