是否可以将平滑效果应用于函数 - jquery

Question

我正在构建像jquery图库一样的图像滚动面板，但只有拇指图标部分， 这是我的代码,,,

      function moveRight() {
        var imli = $(".thumbStrip li:first-child");
        $(".thumbStrip").append(imli);
    }
    function moveLeft() {
        var imli = $(".thumbStrip li:last-child");
        $(".thumbStrip").prepend(imli);         
    }

我想在追加或前置时应用平滑效果,, 可能吗？？ 如何？

Answer 1

你的意思是这样的：

function moveRight() {
    $(".thumbStrip li:first-child").fadeOut(function() {
        $(this).appendTo(".thumbStrip").fadeIn();
    });
}

或者也许：

function moveRight() {
    $(".thumbStrip li:first-child").animate({
        width: 'toggle',
        opacity: 'toggle'
    }, function() {
        $(this).appendTo(".thumbStrip").animate({
            width: 'toggle',
            opacity: 'toggle'
        });
    });
}

DEMO