87,910
社区成员
发帖
与我相关
我的任务
分享一个页面加载效果的想法，求实现。
DOM中的内容先被加载显示到浏览器中，然后在加载CSS，进行布局控制。
可不可以在布局调整的时候加上动画效果，想象中是这样的： 某个元素，从浏览器的某个位置飘到正确的布局位置。
这样可以使得整体网页加载的效果更加友好。
而且，在内容非常丰富的首页，比如说新浪或者是网易的首页，内容相当的多。 如果加上这么一个效果，是不是会感觉很神奇。
原本杂乱的东西一下子就变整齐了，Amazing！
...全文
请发表友善的回复…
发表回复
BG 2012-05-30
- 打赏
- 举报
[Quote=引用 1 楼 的回复:]
其实就是一个DOM位置的变化，
比如 jquery的
HTML code
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
div {
width:100px……
[/Quote]
之前看到的一个效果：http://isotope.metafizzy.co/
其实就是一个DOM位置的变化，
比如 jquery的
HTML code
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312" />
<title></title>
<style>
div {
width:100px……
[/Quote]
之前看到的一个效果：http://isotope.metafizzy.co/
001007009 2012-05-30
- 打赏
- 举报
其实就是一个DOM位置的变化，
比如 jquery的
如果 是个人博客 技术网站 ，用这样的效果，无所谓，可以显示博主的强大。
但用于实际项目中，不现实。
1. 页面太过于花哨，眼睛太累
2. 严重影响页面性能。
3. 待楼下的补充
比如 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. 待楼下的补充
弘毅致远 2012-05-30
- 打赏
- 举报
部分功能可以这样用，比如在加载内容list时，根据用户滚轮来判断一次加载50条，直至全部加载完，可以加点这种功能，但实际项目中，用户很少会感觉你这样有多好，这种东西不太适用。因为这种应用场景下，增加分页导航功能，用户更容易接受理解。
