※ 引述《virgin7 (人类造不出天堂)》之铭言： : 前辈们大家好 : 最近在研究jquery，会自行写一点简单的位移动画 : 以下这个＂视差滚动＂网页好像很流行 : http://first-launch.com/ : 想请问这个的原理是什麽？ : 1.某些物件会随着滚动向上卷动，这很正常 : 2.某些物件向上卷动到某个位置就不会再向上，会停在那开始做动画 : 　然後动画做完，又会继续向上卷动，这是怎麽做到的？ : 3.动画原理是用$(div).attr("src","1.jpg")一直换图到＂100,jpg"的方式在做动画吗？ : 站上没看到有人在讨论这个，对大家来说可能不难吧，但我好想知道啊....= = : 请求高手前辈指点迷津～ 提供一个搜寻这种 看起来很耗功夫网页 是使用哪个技术的方法 ===== 看网页原始码 会找到 <script src="/javascripts/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="/javascripts/jquery.browser.mobile.js" type="text/javascript"></script> <script src="/javascripts/preloader.js" type="text/javascript"></script> <script src="/javascripts/skrollr.data.basic.js" type="text/javascript"> </script> <script src="/javascripts/skrollr.data.storyline.js" type="text/javascript"> </script> <script src="/javascripts/skrollr.data.charactor.js" type="text/javascript"> </script> <script src="/javascripts/skrollr.data.sketch.js" type="text/javascript"> </script> <script src="/javascripts/skrollr.data.tech.js" type="text/javascript"> </script> <script src="/javascripts/skrollr.data.render.js" type="text/javascript"> </script> <script src="/javascripts/skrollr.data.room.js" type="text/javascript"></script><script src="/javascripts/skrollr.js" type="text/javascript"></script><script src="/javascripts/animator.data.girl.js" type="text/javascript"></script><script src="/javascripts/animator.js" type="text/javascript"> ==== 看得出这网页大量使用skrollr这个东西 我们就google 找看看 "javascript skrollr" 可以找到这个网站 http://prinzhorn.github.io/skrollr/ 追到最後 就找到这个网站使用技术的页面罗 ====== 其实追这个的逻辑很简单 做这种网站有几个方法 1. 全部移动的js 自己手刻 有见过 但是第一 考虑程式码版权 看到了你也不能怎麽样XD 第二 学一下怎麽刻 一般不难 2. 使用外部lib 像这个网页这样 其实这是大多数网站的作法 因为这麽多物件 手刻js其实很累 从引用的js档名找蛛丝马迹 找到lib网站之後 就可以用比较简单的方式做出来了 鼓励你 加油xD -- 佛言：「众生以十事为善，亦以十事为恶。身三、口四、意三。身三者：杀、盗、婬； 口四者：两舌、恶骂、妄言、绮语；意三者：嫉、恚、痴。不信三尊，以邪为 真，优婆塞行五事不懈退，至十事，必得道也。」 欢迎参观Buddhism佛教板以及Learn_Buddha汉传实修板 --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 123.194.164.239