日期:2014-05-16  浏览次数:20368 次

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

DOM中的内容先被加载显示到浏览器中,然后在加载CSS,进行布局控制。

可不可以在布局调整的时候加上动画效果,想象中是这样的: 某个元素,从浏览器的某个位置飘到正确的布局位置。

这样可以使得整体网页加载的效果更加友好。

而且,在内容非常丰富的首页,比如说新浪或者是网易的首页,内容相当的多。 如果加上这么一个效果,是不是会感觉很神奇。

原本杂乱的东西一下子就变整齐了,Amazing!



------解决方案--------------------
其实就是一个DOM位置的变化,
比如 jquery的
HTML code


<!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>