如何向此divs转换器添加幻灯片效果

Question

请在更改div时添加幻灯片效果（我在此处找到示例代码）：

$(function () {
    var counter = 0,
        divs = $('#update1, #update2, #update3');
    function showDiv () {
        divs.hide()
            .filter(function (index) { return index == counter % 3; })
            .show('fast');
        counter++;
    };
    showDiv();  
    setInterval(function () {
        showDiv();
    }, 10 * 1000);  

});

Answer 1

您可以更改此行：

.show('fast');

使用jQuery的animate方法：

.css({opacity:0}).animate({opacity:1}, "fast");

查看动画here

的文档