web小白_123 2017-02-14 12:53 采纳率: 0%
浏览 1105

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

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

  • 写回答

1条回答 默认 最新

  • student-ai 2017-02-15 02:41
    关注

    是个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>
    
    
    评论

报告相同问题?