jQuery淡入淡出动画

tech2024-08-01  50

淡入淡出动画,使用fadeIn与fadeOut方法,fadeIn方法来实现淡入动画,而fadeOut方法来实现淡出动画fadeIn与fadeOut的第一个参数为动画显示的事件,第二个参数为回调函数,在动画显示完毕之后执行回调函数可以使用fadeTo方法可以选择淡入的程度,第一个参数为动画效果出现的事件,第二个参数为淡入的程度,第三个参数为回调函数 $("button").eq(0).click(function () { $("div").fadeIn(1400, function () { alert("淡入成功") }) }) $("button").eq(1).click(function () { $("div").fadeOut(1500, function () { alert("淡出成功") }) }) $("button").eq(2).click(function () { $("div").fadeToggle(1500) }) $("button").eq(3).click(function () { $("div").fadeTo(1500, 0.4) })

最新回复(0)