Javascript jQuery通过滚动逐渐改变背景图像

Javascript jQuery通过滚动逐渐改变背景图像,javascript,jquery,Javascript,Jquery,我对java不是很在行。不过我想这个问题对专业人士来说也不太容易 正如标题所说,我正试图找到一个解决方案,如何通过jQuery滚动逐渐改变背景图像 背景应该是有反应的 我发现一个网站有类似的东西 因为我不擅长java和jquery,所以一个JSFIDLE示例会很好 提前感谢背景图像不会改变,只是已修复 div.background { background-image:url(xxx); background-attachment: fixed; } 每个“新”图像都是一个容器div,它像另一

我对java不是很在行。不过我想这个问题对专业人士来说也不太容易

正如标题所说,我正试图找到一个解决方案,如何通过jQuery滚动逐渐改变背景图像

背景应该是有反应的

我发现一个网站有类似的东西

因为我不擅长java和jquery,所以一个JSFIDLE示例会很好


提前感谢

背景图像不会改变,只是已修复

div.background {
background-image:url(xxx);
background-attachment: fixed;
}
每个“新”图像都是一个容器
div
,它像另一个一样滚动。
像这样的东西一定有用。

背景图像不会改变,只是固定了

div.background {
background-image:url(xxx);
background-attachment: fixed;
}
每个“新”图像都是一个容器
div
,它像另一个一样滚动。
像这样的东西一定有用。

我相信这种效果通常被称为“视差”。您可能会发现以下一些示例很有帮助:

您还可以在谷歌上搜索单词“视差”,并找到一些不需要外部库的简单脚本(如果需要的话)。我确实找到了JSFiddle,这可能也会有帮助。我相信它使用以下设置背景:

background: url(http://www.webdesignermagazine.nl/files/2012/06/golf.jpg) 50% 0 no-repeat fixed;

我相信这种效果通常被称为“视差”。您可能会发现以下一些示例很有帮助:

您还可以在谷歌上搜索单词“视差”,并找到一些不需要外部库的简单脚本(如果需要的话)。我确实找到了JSFiddle,这可能也会有帮助。我相信它使用以下设置背景:

background: url(http://www.webdesignermagazine.nl/files/2012/06/golf.jpg) 50% 0 no-repeat fixed;

我认为这是一个完美的教程为您的需要

这是本教程的结果:


我认为这是一个非常适合您需要的教程

这是本教程的结果:


非常感谢,。。。我会用这个试试,稍后会在这里放一个链接。非常感谢,。。。我会用这个试试,然后在这里放一个链接。这就是我要找的,只是我不知道那个系统的名字。你的链接帮助我找到了预测网站的答案!这就是我要找的,只是我不知道那个系统的名字。你的链接帮助我找到了预测网站的答案!