Lavalamp 和一页导航组合的问题

发布于 2024-11-15 00:52:33 字数 499 浏览 4 评论 0原文

我正在尝试制作一个新的个人网站。问题是我对 jQuery 不太熟练,我想我咬得太多了。http://barnat.php5.cz/new/

我试图完成的是这两个插件的组合:

插件似乎工作得很好,直到用户手动滚动到另一个部分。我以某种方式需要自动突出显示正确的菜单项.. click() 无法正常工作(它会导致不需要的自动滚动)并且 mouseover() 也不起作用,因为原始菜单项保持选中状态(不是视觉上的,而是逻辑上的 - 突出显示返回到原来的菜单项)。

感谢您的任何建议。

I am trying to make a new personal website.. The problem is that I am not very skilled with jQuery and I guess I bite off more than I can chew.. http://barnat.php5.cz/new/

What I was trying to accomplish is a combination of these two plugins:

It seems to work pretty well, until user scrolls manually to another section. I somehow need to automatically highlight correct menu item.. click() is not working correctly (it causes unwanted autoscroll) and mouseover() is not working either, because the original menu item stays selected (not visually, but logically - hightlight returns to the original menu item).

Thanks for any advice.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

温柔戏命师 2024-11-22 00:52:33

您必须将“当前”更改为当前页面,例如:

<!-- the current page is 'home.html' -->
    <ul class="lavaLampWithImage" id="1">
        <li class="current" ><a href="index.xhtml" >Home</a></li>
        <li><a href="systems.xhtml">Systems</a></li>
    </ul>

<!-- the current page is 'systems.html' -->
    <ul class="lavaLampWithImage" id="1">
        <li><a href="index.xhtml" >Home</a></li>
        <li class="current" ><a href="systems.xhtml">Systems</a></li>
    </ul>

查看类语句。

you must change the 'current' to the current page, e.g:

<!-- the current page is 'home.html' -->
    <ul class="lavaLampWithImage" id="1">
        <li class="current" ><a href="index.xhtml" >Home</a></li>
        <li><a href="systems.xhtml">Systems</a></li>
    </ul>

<!-- the current page is 'systems.html' -->
    <ul class="lavaLampWithImage" id="1">
        <li><a href="index.xhtml" >Home</a></li>
        <li class="current" ><a href="systems.xhtml">Systems</a></li>
    </ul>

Look the class statement.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文