fadein
英語 [feɪ'dɪn] アメリカ [feɪ'dɪn]
n. 徐々に明るくなり、徐々に現れます
jquery fadeIn() メソッド 構文
関数: fadeIn() メソッドは、フェードイン効果を使用して、選択した要素が非表示の場合にその要素を表示します。
構文: $(selector).fadeIn(speed,callback
パラメータ:
| パラメータ | 説明 |
| speed | オプション。非表示から表示までの要素の速度を指定します。デフォルトは「」です。 Normal" 。可能な値: ミリ秒 (例: 1500) "slow" "normal" "fast" 速度を設定すると、要素は非表示から表示に変わるにつれて透明度が徐々に変化します (これによりフェードイン効果が作成されます)。 |
| callback | オプション。fadeIn 関数の実行後に実行される関数。コールバックの詳細については、jQuery コールバックの章を参照してください。このパラメータは使用できません。速度パラメータが設定されていない限り、設定されます。 |
注: 要素がすでに表示されている場合、この効果は何も変化しません。コールバック関数が設定されていない限り、この効果は、jQuery によって非表示になった要素、または CSS で display:none で宣言された要素 (ただし、visibility:hidden を持つ要素には適用されません) に適用されます。
jquery fadeIn() メソッド 例
<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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します