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