Jquery Image从右到左滑动

时间:2012-03-05 01:43:55

标签: jquery css image slide

我有三个内嵌图像,我想从右到左滑动。

因此,当用户第一次来到页面时,他们会看到每张图片从右到左依次滑动,延迟约一秒。

我想这会使用animate或css定位?

您可以使用此http://jsfiddle.net/RSk7n/8/来尝试获得效果。

欢迎所有建议!

1 个答案:

答案 0 :(得分:3)

选中此http://jsfiddle.net/blackpla9ue/RSk7n/14/

function animateImgs(){
    $('ul li:not(.visible)')
        .first()
        .animate({'margin-left': '0px'},
                 1000, function(){
                     $(this).addClass('visible');
                     animateImgs();    
                });
}

animateImgs();

确保将overflow: hidden;添加到您的父ulmargin-left: 9999px; li