淡入淡出功能Jquery

FadeIn Fadeout Function Jquery

本文关键字：Jquery 功能 淡出 淡入      更新时间：2023-09-26

我已经创建了两个函数来接受多个类的和Id来进行淡入和淡入，目前它会淡入元素，但不会淡入？

function fadeOut($element, cb) {
    $element.animate({opacity:0}, 800, function(){
        if (cb) cb();
    });
}
function fadeIn($element, cb) {
    $element.animate({opacity:1}, 800, function(){
        if (cb) cb();
    });
}

示例输入

$("#back").click(function () {
    fadeOut($('.hideToggle, .history, .apphome, .stats, #back'));
});
$("#open").click(function () {
    fadeIn($('.hideToggle, .history, .apphome, .stats, #back'));
});

你说你想淡入淡出？

我想你想要一个开关？

$("#back, #open").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeToggle();
});

http://jsfiddle.net/Rcw93/

或者，如果你想控制它们分开，你可以使用：

$("#back").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeOut();
});
$("#open").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeIn();
});

http://jsfiddle.net/Rcw93/1/

使用$(this).fadeIn() or fadeOut()不能同时淡入淡出，但可以使用回调函数逐个淡入淡出。

USe This:

$("#back").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeOut();
});
$("#open").click(function () {
    $('.hideToggle, .history, .apphome, .stats, #back').fadeIn();
});
相关文章：