任意のサイズを指定する（相対的に指定）

書式

　combObj = new fx.Combo( element, option )
　combObj.resizeTo(dh, dw)

combObj : 複合エフェクトオブジェクト
element : ページ上のエレメント
option : オプション【省略可能】
dh : 加算する縦幅
dw : 加算する横幅

説明

　任意のサイズを指定するにはfx.Combo()で生成したオブジェクトのメソッドを使います。パラメータにはページ上のオブジェクトを指定します。指定できるオプションはfx.Height, fx.Width, fx.Opacityで指定できるものと同じになります。オブジェクトのサイズを相対的に指定するにはresizeTo()を使います。パラメータには縦と横のサイズを指定します。

Ajaxライブラリ リファレンス

サンプルコード [実行]

<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="moo.fx.js"></script>
<script type="text/javascript" src="moo.fx.pack.js"></script>
<script type="text/javascript"><!--
window.onload = function(){
divObj = new fx.Combo("box", {
duration:500,
width:true,
height:true }
);
}
function changeTo(){
divObj.customSize(80, 240);
}
function changeBy(){
divObj.resizeTo(50, 100);
}
// --></script>
</head>
<body>
<h1>幅を任意のサイズに変える</h1>
<form>
<input type="button" value="絶対サイズに変更" onClick="changeTo()">
<input type="button" value="相対的にリサイズ" onClick="changeBy()">
</form>
<div id="box">
ここの横幅、縦幅が変わります。<br>
幅は指定したものになります。
</div>
</body>
</html>