Rumah >hujung hadapan web >tutorial js >jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)_jquery
#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());
})
})