jarallax.js插件应用demo

如何应用插件jarallax.js？
无意之间看到这款插件，觉得用起来很方便，只是制作简单的动图，形成视觉差，还是不错的选择。以下是我做的demo，是关于动画主题，Q萌的妹纸是两个png图片，文字部分保持固定。当滚动滚轮时， 两个图片会根据设置的高度进行即时滚动。

关于基本的HTML和css部分大家都可以发挥自己的想象编写。

body部分主要分为content,bg,girl1,girl2。 onload=init()是为了在body加载的时候载入JavaScript函数。

CSS就是各种设置大小，背景等内容，只要将背景设置成position:fixed，则更加容易尝试视觉差效果，用z-index将各部分层次分开，具有叠加效果。

在head部分连接外部css和jq数据库。JavaScript部分，主要是一个init函数，利用语句jarallax.addAnimation实现，括号中第一个是动画的ID或者CLASS名称，第二个是用[]包裹起来的变化。

addAnimation(selector, jarallaxKeys)version added: 0.1

• selector:A string containing a jQuery selector expression.
• JarallaxKeys:An array containing multiple objects with a progress property and additional CSS properties.
• 
  
• jarallax.js不断更新，每一版本都更新过一些内容。以上是我使用的最基本的，详细信息可以查看官网。http://www.jarallax.com/?page=documentation-jarallax  
•