利用Jarallax实现超强视差滚动网页效果

分类栏目:用户体验 - 前端开发

16225

发布于 9 条评论

你是否有浏览过这样子的网页,有多个背景图在鼠标左右或者上下移动的时候,会出现不同的速度的偏移,达到一种很强的立体(或者动画)的感觉。是不是感觉很炫呢?随着用户体验的提高,设计师们也开始在网页设计中加入各种特效元素以满足用户的需求,视差滚动就是一个非常棒而且极具有吸引力的一个创新视觉效果,可以为我们的网页设计带来非常出色的用户体验。是否有想过我们自己也来开发一款视差滚动的效果呢?今天就为大家分享一个javascript类库 – Jarallax,它是一款帮助你更简单实现视差滚动的javascript类库,使用它可以帮助你快速的开发一个具有视差滚动效果的应用。

jarallax

Jarallax基于jQuery,对当前的主流浏览器都有不错的兼容性,操作起来也比较容易上手,能够帮你快速的实现视差滚动效果,而且还可以利用API自定义视差滚动效果,我们可以快速的制作出多种视差效果,扩展性比较强,支持css和js动画效果。是不是功能很强大呢?一起来动手试试吧。

网站地址:http://www.jarallax.com/?page=home

在线演示:http://www.jarallax.com/?page=demo

全部评论 / 9

  1. 很崇拜啊,真漂亮。。。

    5
  2. 不错,thanks for share;

    sgeci 2012-09-30
    4
  3. :smile: 站灰常专业~也灰常漂亮,会常来学习的~

    小A 2012-09-30
    3
    1. Javin

      大家一起共同学习,有交流才会进步 :smile:

      1号 Javin 2012-09-30
  4. 这效果很强!

    2
  5. 不愧为前端设计师,站做得好漂亮啊!

    1
    1. Javin

      呵呵…仍需继续努力……以后请多多支持了

      1号 Javin 2012-09-30