以下网页中第二步logo上移和四个板块平铺如何实现?

就是这个网站http://web.jzdsh.com/jzdsss/ 实现功能:即logo上移缩小,四个板块依次平移出现,求实现思路,谢谢谢谢!

是个JS动画搞的,你可以用chrome浏览器,在刚打开页面的时候,就右键查看页面源代码(速度要快。。因为这个页面加载很快),

然后就可以看到相关源码了。。

我贴一部分在这:

 <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="js/jquery.mCustomScrollbar.css">
<script src="js/jquery.min.js"></script>
<script src="js/requestAnimationFrame.js"></script>
<script src="js/jquery.fly.min.js"></script>
<script src="js/css_live_reload_init.js"></script>
<!-- Google CDN jQuery with fallback to local -->
<script>window.jQuery || document.write('<script src="../js/minified/jquery-1.11.0.min.js"><\/script>')</script>

<!-- custom scrollbar plugin -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/js.js"></script>