jquery - Jquery Slider-从右到左和从上到下滑动

Question

我尝试将链接Demo从淡入淡出更改为 slideIn 和 slideOut 但无法实现，因为我想在项目中使用 slideIn 和 slideOut 样式，我目前正在处理。

如果有人可以帮助我指导这件事，那将是一个很大的帮助。

[jsfiddle.net/chetanmani/6sj8x95y/] 

谢谢你。

Answer 1

给你：小提琴

 /**
 * Fade-cycles elements with class 'banner'
 */
$(document).ready(function() {

    var delay = 3000, fade = 1000;
    var banners = $('.banner');
    var len = banners.length;
    var i = 0;

    setTimeout(cycle, delay);

    function cycle() {
        $(banners[i%len]).slideUp(fade, function() {
            $(banners[++i%len]).slideDown(fade, function() {
                setTimeout(cycle, delay);   
            });
        });
    }

});

所以它使用 jquery sildeUp 和 slideDown

在一个循环中从右向左滑动是小提琴：

function cycle() {
    $(banners[i % len]).hide("slide", function(){
         $(banners[++i % len]).show("slide", {
            direction: "left"
        });
        setTimeout(cycle, delay);
    });
}