jQuery effect fadeTo() method

Методы эффектов jQuery

The fadeTo() method gradually changes the opacity of the selected element to the specified opacity.

This method is similar tofadeIn()The method is similar, but this method hides the element and always fades in to 100% opacity.

Note: The fadeTo() method does not change the layout of the page (the selected element will still occupy the same space as before).

Syntax:

$(selector).fadeTo.(duration,　opacity,　easing,　callback)

Example

Gradually decrease the opacity of the <div> element:

$("button").click(function(){
　　$("div").fadeTo(500,　0.2);
});

Gradually change the opacity of the <div> element:

$("#btn1").click(function(){
　　$("div").fadeTo(1000,　0);
});
$("#btn2").click(function(){
　　$("div").fadeTo(1000, 1);
});

ИспользованиеcallbackПараметры:

$("button").click(function(){
　　$("div").fadeTo(500, 0, function(){
　　　　alert("Уровень непрозрачности уменьшен!!!");
　　});
});

Значение параметра

Методы эффектов jQuery