我正在搜索一个名为 Parallax 的 jQuery 插件,但我无法在任何地方找到链接:
插件来源: http ://www.laurentiuswonen.com/jaarverslag2010/assets/js/jquery.parallax.js
我正在搜索一个名为 Parallax 的 jQuery 插件,但我无法在任何地方找到链接:
插件来源: http ://www.laurentiuswonen.com/jaarverslag2010/assets/js/jquery.parallax.js
如果谷歌是对的,很确定它在这里http://www.ianlunn.co.uk/plugins/jquery-parallax/
我一直在寻找。我创建了一个挂钩到 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/