書式
bytefx.fade(element, startAlpha, endAlpha, speed, func)
element : ページ上のエレメント
startAlpha : 開始不透明度 (0〜100)
endAlpha : 終了不透明度 (0〜100)
speed : 速度
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="bytefx_OS.js"></script>
<script type="text/javascript"><!--
function fade(startValue, endValue){
bytefx.fade(document.getElementById("box"), startValue, endValue, 0.5,
function() {
alert("フェード処理終了!");
}
);
}
// --></script>
</head>
<body>
<h1>フェード処理</h1>
<form>
<input type="button" value="フェードイン" onClick="fade(10, 100)">
<input type="button" value="フェードアウト" onClick="fade(100, 10)">
</form>
<div id="box">bytefxサンプル</div>
</body>
</html>