2012-12-05 41 views
3

只是想知道是否有人遇到了教程或网站,说明如何实现这种响应式菜单导航,在手机上您可以在菜单之间左右滚动。正如在AIDS.GOV网站http://www.aids.gov/上看到的那样。滑动移动设备的左右菜单

我不仅仅因为在这里发帖而懒惰,我花了整整一个上午的时间,只能在菜单教程中找到facebook风格的幻灯片。

在此先感谢

+0

也许如果你使用http://jquerymobile.com/特别是对于该问题。在他们使用的艾滋病网页http://swipejs.com/ – wandarkaf

回答

2

刷卡提供了一个轻量级移动滑块。你可以在这里找到它:Swipe JS

它有关于如何在网站上使用它的信息。它在github上,所以你可以在需要时查看源代码。

对于教程检查这一个:How to Create an Image Slider

+0

感谢你们,我实际上已经创建了一个使用滑动js的滑动菜单,其效果非常好(可以通过UL来回访问)。唯一遇到麻烦的是我希望能够设置出现在不同页面上的幻灯片。例如在index.htm我希望滑块从slide0开始,对于page1.htm我希望页面从slide1开始,对于page2.htm,slide2等等。有没有人知道这是可能的? – Wisbey

+0

从它的外观你必须将translate3d(-offsetpx,0,0)设置为你图像的px偏移量...所以如果你的图像在page1.htm中为480px宽,你需要设置translate3d(-480px ,0,0)。 – ande8133

+0

谢谢ande8133,任何想法我会怎么做?我需要设置页面中的哪些地方? – Wisbey