サイズを変更する

書式

bytefx.size(element, {w:W, h:H}, speed, func)

element : ページ上のエレメント
W : 横幅
H : 縦幅
speed : 速度
func : 処理が終了した際に行う処理【省略可能】

説明

 サイズを変更するにはbytefx.size()を使います。幅は{w:値, h:値}の形式で指定します。速度は値が大きくなるほど素早く色が変化します。サイズ変更処理は直線的ではなく指定された幅に近づくと変化の速度が遅くなります。

サンプルコード [実行]

<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 resizeBox(objW, objH){
bytefx.size(document.getElementById("box"), {w:objW, h:objH}, 10,
function(){
alert("リサイズ完了");
}
);
}
// --></script>
</head>
<body>
<h1>サイズを指定する</h1>
<form>
<input type="button" value="(200,150)にリサイズ" onClick="resizeBox(200, 150)">
<input type="button" value="(100,300)にリサイズ" onClick="resizeBox(100, 300)">
</form>
<div id="box">bytefxサンプル</div>
</body>
</html>