`

超棒的视差滚动效果javascript类库 - Jarallax

视差滚动parallaxparallax scrollingJarallax 
阅读更多

日期：2012-9-27  来源：GBin1.com

超棒的视差滚动效果类库 - Jarallax

如果你没有听说过视差滚动的话，说明你真out了，作为2011年最流行的网站设计效果之一，给我们留下了深刻的印象，在过去的文章中我们也曾经介绍过很多不错的视差滚动特效网站。

相关阅读：

分享14个超酷的视差滚动效果网站

来自Nike Better World的视差滚动(Parallax Scrolling)特效

那么有没有想过自己设计开发一个视差滚动特效呢？ 是不是觉得有点儿小复杂，那么今天我们将要介绍的这个javascript类库 - Jarallax 肯定能够帮你大忙。它是一款帮助你更简单实现视差滚动的javascript类库，使用它可以帮助你快速的开发一个具有视差滚动效果的应用。

主要特性

  • 快速实现视差滚动
  • 拥有丰富的API来自定义视差滚动效果
  • 可以使用keyframes来控制CSS，支持自定义的controller
  • 支持js动画，也支持CSS动画
  • 依赖jQuery

.....

来源：超棒的视差滚动效果javascript类库 - Jarallax

分享到：
| 帮助你在移动设备上生成倾斜控制（重力控制 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    前端项目-jarallax.zip

    3. 设置参数：Jarallax 允许你通过 `data-jarallax` 数据属性或 JavaScript 配置对象来设置各种参数，如滚动速度、是否禁用等。 四、浏览器兼容性 Jarallax 考虑到了浏览器兼容性问题，对于不支持 translate3d 的...

    vueparallax快速60fps视差滚动效果组件

    在Web设计中，视差滚动效果是一种增强用户体验的流行技术，它使得背景元素以较慢的速度移动，相比于前景元素，从而营造出深度感和立体感。"vue-parallax"就是这样一个专门针对Vue.js设计的组件，它能够帮助开发者...

    jQuery全屏视差滚动效果

    jQuery是一款广泛使用的JavaScript库，它简化了JavaScript的DOM操作，动画效果以及事件处理，因此jQuery全屏视差滚动效果是通过结合jQuery库实现的。 在实现jQuery全屏视差滚动效果时，主要涉及以下几个关键知识点...

    html5页面滚动图片视差滚动效果

    视差滚动效果还可以借助现有的JavaScript库和框架来实现，例如Parallax.js、Skrollr或ScrollMagic。这些库提供了一套现成的API和方法，帮助开发者轻松地创建复杂的视差滚动场景，同时处理浏览器兼容性和性能优化问题...

    滚动视差插件skrollr-master

    滚动视差插件skrollr-master单独的视差滚动的JavaScript库，支持手机（Android，iOS，等）大小只有12K。演示地址：http://www.jq22.com/jquery-info418

    HTML5视差滚动特效

    视差滚动的关键在于JavaScript库的运用，例如Skrollr。Skrollr是一个轻量级的库，专门用于实现视差滚动效果。它通过监听用户的滚动行为，然后根据预设的属性值调整页面元素的位置和透明度等样式，实现动态效果。...

    10个优秀视差滚动插件

    Skrollr是一款轻量级的视差滚动插件，它不需要依赖任何JavaScript库。通过数据属性，Skrollr可以控制HTML元素的CSS属性，从而实现视差滚动效果。它的性能优异，适用于大型项目。 4. **WOW.js** 虽然WOW.js主要是...

    jquery css3网页背景视差滚动效果代码.zip

    网页背景视差滚动效果是一种利用JavaScript（jQuery）和CSS3技术来实现的创新设计手法，它使得网页在滚动时，不同层的背景元素以不同的速度移动，从而产生一种深度感和立体感，为用户带来独特的视觉享受。这种效果...

    jQuery+swiper.js幻灯片图片视差滚动轮播特效

    "jQuery + Swiper.js 幻灯片图片视差滚动轮播特效"就是一种常用的技术，它结合了jQuery库的便捷性和Swiper.js组件的强大功能，为用户提供了一种富有层次感和动态视觉效果的图片展示方式。 首先，我们来了解一下**...

    使用KISSY实现视差滚动效果

    在本文中，我们将深入探讨如何使用KISSY框架来实现视差滚动效果。KISSY是一个轻量级的JavaScript库，旨在提供一个简洁且强大的工具集，帮助开发者快速构建复杂Web应用。视差滚动是一种增强网页用户体验的视觉技巧，...

    Skrollr奇妙的视差滚动效果

    **Skrollr——创造奇妙的视差滚动效果** 在网页设计中，视差滚动是一种流行的交互效果，它能为用户带来独特的浏览体验。Skrollr是一个JavaScript库，专门用于实现这种效果，它允许开发者创建富有动态感和深度的网页...

    类似愤怒的小鸟场景的视差滚动效果

    在IT行业中，视差滚动是一种常见的网页设计技术，它通过创建深度感和动态效果来增强用户的浏览体验。这种效果在游戏领域，特别是像"愤怒的小鸟"这样的2D游戏里非常常见，它使得背景和前景元素以不同的速度移动，营造...

    jquery css3网页背景视差滚动效果代码

    网页背景视差滚动效果是一种流行的网页设计技巧，它利用JavaScript（如jQuery）和CSS3来创建一种视觉深度感，使得当用户滚动页面时，不同层的背景元素以不同的速度移动，营造出三维空间的错觉。这个效果在现代网页...

    视差滚动效果插件stellar.js

    用于前端开发，视差滚动效果插件，background-attachment的一款好用插件

    Android仿IOS视差滚动效果,陀螺仪

    "Android仿IOS视差滚动效果,陀螺仪"这个主题，就是关于如何在Android应用中实现与iOS类似的视差滚动效果，并结合陀螺仪进行更高级的交互体验。 视差滚动是一种在用户滚动页面时，不同层元素以不同速度移动，从而...

    html5实现的伴随页面滚动呈现出图片视差滚动效果源码.zip

    总的来说，这个源码示例展示了如何使用HTML5、CSS3和JavaScript来创建一个互动性强、视觉吸引力大的图片视差滚动效果。如果你对网页开发有兴趣，深入研究这个源码将是一个很好的学习机会，可以帮助你理解如何将这些...

    jquery上下页面视差滚动切换效果

    **jQuery上下页面视差滚动切换效果详解** 在网页设计中，视差滚动是一种常见的特效，它使得背景元素相对于前景元素以不同的速度移动，营造出深度感和动态视觉体验。jQuery库因其丰富的功能和易用性，常被用来实现...

    视差滚屏效果

    2. **ScrollLayer或ParallaxNode**：Cocos2d-x提供了`cc.ParallaxNode`类，专门用于实现视差滚动效果。这个类允许我们将不同的节点（如Sprite）添加为子节点，并为每个子节点分配一个相对的滚动因子，这个因子决定了...

    html5页面视差滚动js-个人技能展示网站-源代码

    在实现视差滚动效果时，JavaScript起着关键作用。JavaScript代码可能包含了一些特定的库，如Parallax.js或ScrollMagic，这些库专门设计用来处理视差滚动。它们通过监听滚动事件，根据滚动速度和位置改变元素的位置或...

Magicbox
Global site tag (gtag.js) - Google Analytics