フェードアウト
UK ['fe?d'a?t] US ['fe?d'a?t]
n. フェードアウト、フェードアウト
jquery fadeOut() メソッド 構(gòu)文
関數(shù): fadeOut() メソッドは、選択した要素が非表示の場(chǎng)合、フェードアウト効果を使用して選択した要素を非表示にします。
# 構(gòu)文: $(selector).fadeOut(speed,callback)
パラメータ:
| パラメータ | 説明 |
| speed | オプション。要素が表示から非表示に切り替わる速度を指定します。デフォルトは「通?！工扦埂？赡埭蕚? ミリ秒 (例: 1500) 「遅い」 「標(biāo)準(zhǔn)」 「速い」 速度を設(shè)定すると、要素は表示から非表示に移行するにつれて透明度が徐々に変化します (これにより、フェードアウト効果が作成されます)。 |
| コールバック | オプション。 fadeOut関數(shù)実行後に実行される関數(shù)です。コールバックの詳細(xì)については、jQuery コールバックの章を參照してください。このパラメータは速度パラメータが設(shè)定されていないと設(shè)定できません。 |
注: 要素が非表示になっている場(chǎng)合、コールバック関數(shù)が指定されない限り効果は変わりません。
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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します