且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何创建淡入加载效果,一个接一个的图像

更新时间:2023-02-01 21:17:55

剧本:

$(function(){
    $("#listing .img").each(function(index) {
        $(this).hide().delay(100*index).fadeIn(300);
    });
});

然后是html:

<div id="listing">
  <div class="img"><img src="http://www.marclagrange.com/files/thumbs/medium/snow-white20091.jpg" alt=""  width="235" height="180" /></div>
  <div class="img"><img src="http://www.marclagrange.com/files/thumbs/medium/soeur-sourire70x50.jpg" alt=""  width="235" height="180" /></div>
</div>

并且不要忘记包含 jquery

这是 jsFiddle