Question

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

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

[jsfiddle.net/chetanmani/6sj8x95y/]

谢谢。

Answer 1

你去：Fiddle

 /**
 * 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

在此循环中从右向左滑动是fiddle：

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

Jquery Slider-从右到左，从上到下滑动

1 个答案: