jquery - 使用 jQuery 创建一个垂直和水平滑动的背景图像

Question

每个项目的背景图像垂直滑动，在每个项目中，您可以水平滑动。

我将如何使用查询来创建这种行为，或者是否有任何插件能够做到这一点？

score 1 · Accepted Answer

简单的方法：

它由许多 div 元素组成，它的简单技巧是你应该制作一个持有者 div 并将宽度和高度设置为 100% 并溢出到隐藏，你应该定位到相对的内部位置绝对 div，如下所示：

<style>
.holder{
width:100%;
height:100%;
overflow:hidden;
}
</style>
<div class='holder'> </div>

然后添加你的项目，你应该为每个项目创建一个像这样的 div：

<style>
.item{
width:100%;
height:100%;
}
</style>
<div class="item">Project1</div>

然后您需要设置按钮的 onclick 并将每个前一个 div 的高度更改为 0 并将当前 div 的高度设置为 100%

2011.madebygrave.com 与上部方式相同，但更改项目的顶部而不是高度，我编写了这种方式所需的所有代码，在这里：

1 回答 1