フェードイン処理 (fadeIn)

書式

dojo.lfx.html.fadeIn(nodes, duration, easing, callback)

nodes : DOMノード。配列で複数指定可能。
duration : 処理にかかるミリ秒【省略可能】
easing : 表示方法／モーション指定【省略可能】
callback : コールバック関数【省略可能】

説明

フェードイン処理を行うにはfadeIn()を使います。最初のパラメータはDOMノードを指定します。単独の場合は、そのままID名等を指定します。複数の領域を同時に処理したい場合にはDOMノードの配列を指定します。例えばdojo.lfx.html.fadeIn(["area1", "area2"], 1000).play();とするとID名がarea1とarea2の2つのブロックが同時に処理されます。

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

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Dojo Sample</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<script type="text/javascript" src="dojo.js"></script>
<script type="text/javascript"><!--
function djFadeOut(){
dojo.lfx.html.fadeOut("contentArea",1000).play();
}
function djFadeIn(){
dojo.lfx.html.fadeIn("contentArea",1000).play();
}
// --></script>
</head>
<body>
<h1>フェードイン/アウト処理</h1>
<form>
<input type="button" value="フェードイン" onClick="djFadeIn()">
<input type="button" value="フェードアウト" onClick="djFadeOut()">
</form>
<div id="contentArea">Dojoエフェクトサンプル<br>
<img src="images/DSC0001.jpg">
</div>
</body>
</html>