フェードアウト
UK ['feɪd'aʊt] US ['feɪd'aʊt]
n. フェードアウト、フェードアウト
jquery fadeOut() メソッド 構文
関数: fadeOut() メソッドは、選択した要素が非表示の場合、フェードアウト効果を使用して選択した要素を非表示にします。
# 構文: $(selector).fadeOut(speed,callback)
パラメータ:
| パラメータ | 説明 |
| speed | オプション。要素が表示から非表示に切り替わる速度を指定します。デフォルトは「通常」です。可能な値: ミリ秒 (例: 1500) 「遅い」 「標準」 「速い」 速度を設定すると、要素は表示から非表示に移行するにつれて透明度が徐々に変化します (これにより、フェードアウト効果が作成されます)。 |
| コールバック | オプション。 fadeOut関数実行後に実行される関数です。コールバックの詳細については、jQuery コールバックの章を参照してください。このパラメータは速度パラメータが設定されていないと設定できません。 |
注: 要素が非表示になっている場合、コールバック関数が指定されない限り効果は変わりません。
jquery fadeOut() メソッド 例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").fadeOut()
});
$(".btn2").click(function(){
$("p").fadeIn();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します