当前位置: 编程技术>WEB前端
jQuery写fadeTo示例代码
来源: 互联网 发布时间:2014-08-25
本文导语: 代码如下: .imgclass{ width:300px; height:300px; border:solid 1px red;} $(function () { $('#Button1').bind('click', function () { $('img').fadeOut(2000, function () { $('#Button1').val('哎,没了'); }); }) $('#Button2').bind('click', function () { $('img').fadeIn(2000, function () { $(...
代码如下:
.imgclass{ width:300px; height:300px; border:solid 1px red;}
$(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('动画执行完毕');
});
})
})