#img1 { width:400px; height :500px; } $(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