javascript - 背景图片滑动效果

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 Playground 中的所有代码:

http://jsbin.com/duresilutu/2/edit?output