背景图像幻灯片效果

Question

我正在做一个具有背景图片幻灯片效果的导航，并且试图模仿一个网站的设计： http : //tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/

但是，由于我打算为尺寸为480 * 800的手机做效果，因此我需要更改元素的大小，这似乎是个问题，因为我想完全按照网站的设计来做，但仍然存在差异。 我已经输入了http://jsfiddle.net/u4mLdojo/

主要问题在于sub1，sub2和sub3，除非单击它们，否则它们应该是不可见的，但是我不知道为什么它们会粘在页面上。

<ul class="sub1" style="background-position:0 0;">
<ul class="sub2" style="background-position:-100px 0;">
<ul class="sub3" style="background-position:-100px 0;">

Answer 1

他们使用以下库： https : //github.com/nelsonwellswku/jquery.bgpos/

这是一个不错的jsbin操场上的所有代码：

http://jsbin.com/duresilutu/2/edit？输出