Jquery 图像从右到左滑动

Question

我有三个内联图像，我想从右向左滑动加载。

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

我猜这会使用 animate 或 css 定位？

你可以使用这个:http://jsfiddle.net/RSk7n/8/尝试并获得效果。

欢迎所有建议!

Answer 1

检查这个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; 添加到您的父 ul 并将 margin-left: 9999px; 添加到您的 lis