寻找jQuery视差插件
我正在搜索一个名为“视差”的jQuery插件,但我无法在任何地方找到链接: 插件源:寻找jQuery视差插件,jquery,jquery-plugins,parallax,Jquery,Jquery Plugins,Parallax,我正在搜索一个名为“视差”的jQuery插件,但我无法在任何地方找到链接: 插件源: 如果谷歌是对的,我很确定它就在这里我一直在寻找。我创建了一个挂钩到window.scroll事件并将div移动到适当的位置 我扩展了原始版本,使其更易于使用。矿井水平作业。请随意使用它 使用 var热点=[0,2000,4000,6000,8000]定义页面的位置 然后给你的移动div分类,给它一个x速度和一个y速度 并将元素放在移动div中的x位置和y位置,以及希望它显示的帧(页面) <div cl
如果谷歌是对的,我很确定它就在这里我一直在寻找。我创建了一个挂钩到window.scroll事件并将div移动到适当的位置 我扩展了原始版本,使其更易于使用。矿井水平作业。请随意使用它 使用
var热点=[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>
这是基于我发现的是基于这个网站。
完全有可能是该网站所有者编写的一段代码,特别是为该网站编写的。如果这是一个插件,那么它的构建很差。源代码中到处都有全局变量。这不是负责任的编码。