请问这个效果是怎么实现的？？？

查看效果
就是页面加载的时候，所有的小图片都是一个类似loading图片（不知道是不是的）在哪儿转，过一会儿后就把所有的图片现实出来。
腾讯在有些地方也有这个效果。
请问这个效果是怎么实现的，通过Ajax动画效果吗？？求解！

解决方案 »

  1.   

    显示图片的时候，首先加载一个等待的gif动画，然后显示图片，一种效果而已。
      

  2.   

    AJAX有个控件就可以实现这样的效果
    JS也可以
    <script>  
    var l=0;  
    var imgs;  
    var sum=0;  
    var imgs=new Array();  
    function chk(){  
      l--;  
      document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%"  
      if (l==0){  
         for (var i=0;i<sum;i++)  
           document.body.innerHTML+="<img src=’"+imgs[i].src+"’>"  
      }  
    }  
    if (document.images){  
    imgs[0]=new Image()  
    imgs[1]=new Image()  
    imgs[2]=new Image()  
    imgs[3]=new Image()  
    imgs[4]=new Image()  
    imgs[5]=new Image()  
    imgs[6]=new Image()  
    imgs[7]=new Image()  
    imgs[0].src="/articleimg/2006/08/3859/01.jpg";  
    imgs[1].src="/articleimg/2006/08/3859/02.jpg";  
    imgs[2].src="/articleimg/2006/08/3859/03.jpg";  
    imgs[3].src="/articleimg/2006/08/3859/04.jpg";  
    imgs[4].src="/articleimg/2006/08/3859/05.jpg";  
    imgs[5].src="/articleimg/2006/08/3859/06.jpg";  
    imgs[6].src="/articleimg/2006/08/3859/07.jpg";  
    imgs[7].src="/articleimg/2006/08/3859/08.jpg";  
    }  </script>  
    <body>  
    <div id="aa">0%</div>  
    <script>  
    sum=l=imgs.length;  
    for (var i=0;i<l;i++){  
      imgs[i].onload=chk;  
      imgs[i].onerror=chk;//无论图片是否加载成功，都执行指定方法  
    }  
    </script>  
    </body>  效果：  运行代码框  
    <script>  
    var l=0;  
    var imgs;  
    var sum=0;  
    var imgs=new Array();  
    function chk(){  
      l--;  
      document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%"  
      if (l==0){  
         for (var i=0;i<sum;i++)  
           document.body.innerHTML+="<img src=’"+imgs[i].src+"’>"  
      }  
    }  
    if (document.images){  
    imgs[0]=new Image()  
    imgs[1]=new Image()  
    imgs[2]=new Image()  
    imgs[3]=new Image()  
    imgs[4]=new Image()  
    imgs[5]=new Image()  
    imgs[6]=new Image()  
    imgs[7]=new Image()  
    imgs[0].src="/articleimg/2006/08/3859/01.jpg";  
    imgs[1].src="/articleimg/2006/08/3859/02.jpg";  
    imgs[2].src="/articleimg/2006/08/3859/03.jpg";  
    imgs[3].src="/articleimg/2006/08/3859/04.jpg";  
    imgs[4].src="/articleimg/2006/08/3859/05.jpg";  
    imgs[5].src="/articleimg/2006/08/3859/06.jpg";  
    imgs[6].src="/articleimg/2006/08/3859/07.jpg";  
    imgs[7].src="/articleimg/2006/08/3859/08.jpg";  
    }  </script>  
    <body>  
    <div id="aa">0%</div>  
    <script>  
    sum=l=imgs.length;  
    for (var i=0;i<l;i++){  
      imgs[i].onload=chk;  
      imgs[i].onerror=chk;//无论图片是否加载成功，都执行指定方法  
    }  
    </script>  
    </body>
      

  3.   

    前段时间，工作做美工的同事给我看了一个帖子。
    好像叫什么《做设计的孩纸你们伤不起》，其实做web你们也伤不起啊、啊、啊……
    我想说的是：用户的审美疲劳来的太快！！！可怜我们这些做web的孩纸张、鞋童啊！！！