ホームページ > 記事 > ウェブフロントエンド > jQueryでのfadeIn、fadeOut、fadeToの使い方(画像の表示と非表示)_jquery
#img1
{
幅:400px; 高さ:500px;
}
$(function () {
$('#Button1').bind('click', function () {
$('img').fadeOut(2000, function () {
$ ('#Button1'). Val ('Hey, no') // 画像の消失
});
})
$('#Button2').bind('click', function () {
$('img').fadeIn(2000, function () {
スルー
});})
$('#Button3').bind('click', function () {
$('img').fadeTo(2000, 0.3, function () {
alert('アニメーションの実行が完了しました'); //画像の透明度
});
})
$('#Select1').bind('change', function () { //変更またはイベントをクリック可能
$('img').fadeTo(1000, $('#Select1 option:selected').val());
})
})
<本体>