書式
new Rico.Effect.Size(element, w, h, duration, steps, options)
element : ページ上のエレメント
w : リサイズ後の横幅
h : リサイズ後の縦幅
duration : フェード時間(ミリ秒)
steps : フェードのステップ
options : オプション【省略可能】
説明
サイズを変更するにはRico.Effect.Size()を使います。パラメータにはリサイズ処理するページ上のエレメント、横幅と縦幅、リサイズ処理にかかる時間、リサイズ処理のステップを指定します。オプションには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 setSize(w, h){
new Rico.Effect.Size("box", w, h, 100, 10,
{ complete:function(){ alert("リサイズ完了"); } }
);
}
// --></script>
</head>
<body>
<h1>リサイズ処理</h1>
<form>
<input type="button" value="(30,120)にリサイズ" onClick="setSize(30,120)">
<input type="button" value="(100, 50)にリサイズ" onClick="setSize(100, 50)">
<input type="button" value="(320,240)にリサイズ" onClick="setSize(320,240)">
</form>
<div id="box">Ricoサンプル</div>
</body>
</html>