jQuery fadeOut to percent

Question

如何创建只有20%或30%可见的fadeOut？因为fadeOut从DOM中删除了我的元素。我想用fadeOut和fadeIn创建图像动画。

var about = $("#about");
    about.mouseenter(function() {
            about.fadeOut("fast", function() {
            about.attr('src', 'img/about1.png');
            about.fadeIn('slow', function() {   
            });
        });
    about.mouseout(function () {
            about.fadeOut("fast", function () {
            about.attr('src', 'img/about.png')
            about.fadeIn("slow");
            });
        });   
    });

Answer 1

使用jQuery fadeTo，以便可以指定要淡入淡出的不透明度(API)

$("#about").fadeTo( "slow" , 0.5);

Answer 2

你需要使用动画功能

$(el).animate({"opacity":"0.6"}, 500);

Answer 3

jQuery包含一个fadeTo()函数。

about.fadeTo("fast", 0.2, function() {
    about.attr('src', 'img/about1.png');
    about.fadeIn('slow', function() {  });
});

第一个参数是转换速度，第二个参数是不透明度( 0和1之间的任意值，因此0.2 = 20%)，第三个参数是回调函数。