一个页面加载效果的想法，求实现。


DOM中的内容先被加载显示到浏览器中，然后在加载CSS，进行布局控制。可不可以在布局调整的时候加上动画效果，想象中是这样的： 某个元素，从浏览器的某个位置飘到正确的布局位置。这样可以使得整体网页加载的效果更加友好。而且，在内容非常丰富的首页，比如说新浪或者是网易的首页，内容相当的多。 如果加上这么一个效果，是不是会感觉很神奇。原本杂乱的东西一下子就变整齐了，Amazing！

解决方案 »

  1.   

    其实就是一个DOM位置的变化，
    比如 jquery的
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>
    div {
    width:100px; height:100px;
    border:1px solid red;
    }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
    <div></div>
    <script>
    $('div').animate({
    marginLeft: 500
    }, 5000)
    </script>
    </body>
    </html>
    如果 是个人博客 技术网站 ，用这样的效果，无所谓，可以显示博主的强大。
    但用于实际项目中，不现实。 
    1. 页面太过于花哨，眼睛太累
    2. 严重影响页面性能。
    3. 待楼下的补充
      

  2.   

    之前看到的一个效果：http://isotope.metafizzy.co/
      

  3.   

    部分功能可以这样用，比如在加载内容list时，根据用户滚轮来判断一次加载50条，直至全部加载完，可以加点这种功能，但实际项目中，用户很少会感觉你这样有多好，这种东西不太适用。因为这种应用场景下，增加分页导航功能，用户更容易接受理解。