复制代码 代码如下:
#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