回在留言有點可惜,貼在這邊
視差常用效果plugin及實做文章以 羅右鈞 問題為例,欲達成網站效果http://pixelcave.com/demo/proui-frontend/index_parallax.php
.視差滾動現成Library
http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm
簡單來說就是用偵聽scroll事件,然後再去觸發加class或其他方式去移動物件,另外就是透過不同的移動速度及z-index去做出物件景深的效果
http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm
簡單來說就是用偵聽scroll事件,然後再去觸發加class或其他方式去移動物件,另外就是透過不同的移動速度及z-index去做出物件景深的效果
.另一種動畫處理方式(就是一直換圖的動畫css實做方式)
http://www.bryanbraun.com/2014/03/15/how-i-rebuilt-flying-toasters-using-only-css-animations
http://www.bryanbraun.com/2014/03/15/how-i-rebuilt-flying-toasters-using-only-css-animations
.選單滑到固定位置可以看這篇怎麼實做(常用在側邊小圓點或小選單)
http://trevordavis.net/blog/jquery-one-page-navigation-plugin/
http://trevordavis.net/blog/jquery-one-page-navigation-plugin/
怎麼找資源的話,其實就是多看http://www.cnblogs.com/lhb25/
之類的,或是用特效或關鍵字去找,例如parallax scrolling,翻一翻看一看收集一下,久了就很多啦
之類的,或是用特效或關鍵字去找,例如parallax scrolling,翻一翻看一看收集一下,久了就很多啦
沒有留言:
張貼留言