3

我正在搜索一个名为 Parallax 的 jQuery 插件,但我无法在任何地方找到链接:

插件来源: http ://www.laurentiuswonen.com/jaarverslag2010/assets/js/jquery.parallax.js

4

2 回答 2

3

如果谷歌是对的,很确定它在这里http://www.ianlunn.co.uk/plugins/jquery-parallax/

于 2012-01-03T17:49:34.143 回答
0

我一直在寻找。我创建了一个挂钩到 window.scroll 事件并将 div 移动到适当的位置。

https://github.com/eiu165/Parallax/tree/master/src

工作样本

我已经扩展了原始版本以使其更易于使用。我的工作是水平的。随意使用它。

用于 var hotSpots = [0, 2000, 4000, 6000, 8000];定义页面的位置

然后对你的移动 div 进行分类,并给它一个x 速度和一个y 速度 ,并将元素放在移动 div 内的x 位置y 位置以及你希望它显示的帧(页面)。

<div class="parallax"  data-speed-x="0"  data-speed-y="0.8" >
    <div   data-frame-y="220" data-frame-x="200" data-frame="1"  ><img src="./img/moon.png"  /></div>
    <div   data-frame-y="350" data-frame-x="420" data-frame="4" ><img src="./img/sun.png"  /></div>

</div>

<div class="parallax"  data-speed-x="-0.4"  data-speed-y="0.0" >
    <div   data-frame-y="800" data-frame-x="420" data-frame="3" ><img src="./img/tree.png"  /></div>
    <div   data-frame-y="750" data-frame-x="320" data-frame="4" ><img src="./img/tree.png"  /></div> 
</div>

它基于我发现的基于此站点的内容。 http://f6design.com/projects/parallax-scrolling/

于 2012-09-05T20:42:11.180 回答