'slow'又は'fast'で指定する。
| 値 | 現れるまでの時間 |
|---|---|
| fast | 200ミリ秒 |
| デフォルト値 | 400ミリ秒 |
| slow | 600ミリ秒 |
<button id="fadein">fade in</button>
<button id="fadeout">fade out</button>
<img src="portrait.jpg" id="portrait" style="display:none;">
<script>
$('#fadein').click(function() {
$('#i1').fadeIn('fast')
$('#i2').fadeIn('slow')
})
$('#fadeout').click(function() {
$('#i1').fadeOut()
$('#i2').fadeOut()
})
</script>
上記の画像をクリックすると、画像がフェードインする。
| キー | プロパティ |
|---|---|
| duration | アニメーションの速度 |
| easing | アニメーションの進行速度 |
| complete | フェードインが終わったら呼ばれるコールバック関数 |
| start | フェードインが始まるときに呼ばれるコールバック関数 |