有这个网站http://lamoulade.com/#!/home具有整洁的伪动画效果,当用户滚动时会启动。如果我能得到一些关于使用什么来实现这一目标的指示,以推动我朝着正确的研究方向前进,我将不胜感激。提前致谢
问问题
835 次
1 回答
2
你正在寻找的东西叫做parallax Effect
一些视差教程:
- http://webdev.stephband.info/parallax.html
- http://www.ianlunn.co.uk/blog/code-tutorials/jquery-vertical-parallax-background/
- http://www.richardshepherd.com/smashing/parallax/background.html
- http://coding.smashingmagazine.com/2011/07/12/behind-the-scenes-of-nike-better-world/
- http://www.netmagazine.com/tutorials/building-parallax-scrolling-storytelling-framework
- http://www.webdesignshock.com/one-page-website/
- http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
- http://www.franckmaurin.com/the-parallax-effects-with-jquery/
jQuery视差插件:
- http://webdev.stephband.info/parallax.html
- http://jonraasch.com/blog/scrolling-parallax-jquery-plugin
- https://github.com/davecranwell/jQuery-scroll-parallax
- http://www.davecranwell.com/content/jquery-scroll-parallax-plugin
一些非常好的视差站点的更多示例,查看源代码并查看它们使用的内容:
- http://www.ok-studios.de/home/
- http://www.nikebetterworld.com/about
- http://www.laurentiuswonen.com/jaarverslag2010/
- http://www.nintendo.com.au/gamesites/mariokartwii/
- http://2011.beercamp.com/
- http://www.beetle.com/
- http://activatedrinks.com/
- http://www.culturesolutions.co.uk/
- http://kalendiar.lenm.cz/
- http://www.davegamache.com/sandbox/best-of-2010/
- https://victoriabeckham.landrover.com/INT
取自DBUK的好答案
于 2012-12-26T17:09:08.833 回答