读书人

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

发布时间: 2012-05-31 12:19:24 作者: rapoo

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

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> 

读书人网 >JavaScript

热点推荐