書式
combObj = new fx.Combo( element, {duration:msec,
width:flag,
height:flag,
opacity : flag
onComplete:func }
)
combObj.customSize(h ,w)
combObj.resizeTo(dh, dw)
combObj : 複合エフェクトオブジェクト
element : ページ上のエレメント
msec : 処理完了までの時間 (ミリ秒)【省略可能】
width : 横幅の処理を行うかどうかのフラグ (true : 処理する、false : 処理しない)【省略可能】
height : 縦幅の処理を行うかどうかのフラグ (true : 処理する、false : 処理しない)【省略可能】
opacity : 不透明度処理を行うかどうかのフラグ (true : する、false : しない)【省略可能】
func : 処理完了時に呼び出す処理【省略可能】
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,
onComplete:msg }
);
}
function change(){
divObj.toggle();
}
function msg(){ alert("エフェクト終了"); }
// --></script>
</head>
<body>
<h1>幅と不透明度を変える</h1>
<form>
<input type="button" value="変更" onClick="change()">
</form>
<div id="box">
ここの横幅、縦幅、不透明度が変わります。<br>
幅は自動的に計算され表示されます。
</div>
</body>
</html>