jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)_jquery

$(function () {

$('#Button1').bind('click', function () {

$('img').fadeOut(2000, function () {

$('#Button1').val('哎，没了'); //图片的消逝

});

})

$('#Button2').bind('click', function () {

$('img').fadeIn(2000, function () {

$('#Button2').val('有了'); //图片的呈现

});

})

$('#Button3').bind('click', function () {

$('img').fadeTo(2000, 0.3, function () {

alert('画动执行终了'); //图片透明度

});

})

$('#Select1').bind('change', function () { //可是以change或者是click事件

$('img').fadeTo(1000, $('#Select1 option:selected').val());

})

})

1

0.1

0.2

0.3

0.4

0.5

0.6

0.7

0.8

0.9

0