非表示にする

書式

obj.hide()

obj : fx.Width, fx.Height, fx.Opacityで生成したオブジェクト

説明

　非表示にするにはhide()を使います。hide()はfx.Width, fx.Height, fx.Opacityで生成したオブジェクトのメソッドとして定義されています。

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"><!--
window.onload = function(){
divObj = new fx.Height("box", { duration:500 });
}
function hideBox(){
divObj.hide();
}
// --></script>
</head>
<body>
<h1>隠す</h1>
<form>
<input type="button" value="隠す" onClick="hideBox()">
</form>
<div id="box">
ここの表示状態が変わります。<br>
ボタンをクリックすると非表示になります。
</div>
</body>
</html>