Jquery - 从#hash标签中检测div并显示所选菜单li

时间:2012-04-25 18:20:15

标签: jquery list menuitem selected

首先,我的英语不是那么好 - 但我会尽量让自己理解。

我正在制作一个带有jQuery视差滚动效果的网站(类似于nikebetterworld.com网站) - 而且它越来越好了。但现在在这个过程中,我找到了一些可以为导航增加一些价值的东西。

导航位于屏幕的左侧 - 我的问题是: 如何制作菜单(ul li a),单击时将显示所选菜单列表项目。如果向下滚动网站,如何通过#hash标记显示与其相关的网站部分。

我希望我的问题可以理解?

现在看起来像这样:

<ul id="nav">
    <li><a href="#intro" title="Next Section"><img src="images/dot.png" alt="Link" /></a></li>
    <li><a href="#second" title="Next Section"><img src="images/dot.png" alt="Link" /></a></li>
    <li><a href="#third" title="Next Section"><img src="images/dot.png" alt="Link" /></a></li>
    <li><a href="#fifth" title="Next Section"><img src="images/dot.png" alt="Link" /></a></li>
</ul>

所以我想要的是让jQuery通过突出显示其中一个列表项来显示用户所在页面的哪一部分。

你们能帮助我:)?

1 个答案:

答案 0 :(得分:1)

有一个名为ScrollSpy的jQuery模块可以执行此操作 - 您可以在Twitter Bootstrap中查看它。