parallaxjs 重力陀螺仪

视差滚动（Parallax Scrolling）

是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。前两年开始兴起的网页设计的热点趋势，越来越多的网站应用了这项技术。

可以先看看效果：http://www.ok-studios.de/home/

Joanna Qian 的文章 效果原理和实现：

http://www.cnblogs.com/JoannaQ/archive/2013/02/08/2909111.html

如果不想看长篇文章研究原理  ，，，，那以下三部就可以实现：

一》》引入 jquery 和jquery.Parallax.js

二》》在需要重力陀螺的元素处加上datat-depth="num"属性 ，

注意：要classname要替换成'.layer'类，默认，自己也可以修改自定义的类名。在jqeruy.parallax.js文件里command＋f（ctr+f）查找替换吧～哈哈

三》》在script标签内加入以下一行jquery代码：

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  容易出现bug的地方：  
  
 
  
未完待续。。。