Jquery Lavalamp当前菜单

Question

我在我的网站上实现了Lavalamp菜单，我想这样做:当用户点击菜单中的某个链接时，鼠标悬停在该链接上。

lavalamp效应正在发挥作用。

我的jquerycode是这样的：

<script type="text/javascript">
    $(function() {
        $("#menutop").lavaLamp({
            fx: "backout",
            speed: 700,
           click: function(event, menuItem) {
                 return true;
               }
        });
    });
</script>

菜单的html代码如下：

<ul class="menu-top" id="menutop">
                <li class="current"><a href="index.php">Início</a></li>
                <li><a href="servidores.php">Servidores</a></li>
                <li><a href="pagamentos.php">Pagamentos</a></li>
                <li><a href="forum/">Fórum</a></li>
                <li><a href="sobre.php">Sobre</a></li>
</ul>

我认为解决方案是使用jquery将当前类分配给具有我们正在查看的页面的href的li。

我不知道该怎么做，但如果你理解并知道，请让我知道xD

谢谢

ps:当然在我的网站上还有其他的页面，但是如果没有一个带有开始查看页面的href的li，那么当前类将总是指向index.php的li

Answer 1

@Afonso，这可能是晚了，但晚了总比不到好。它可以帮助其他访问此页面的人。

所以您希望鼠标悬停在当前所在页面的li元素下，对吗？对于它，我们将更改插件以接受开始位置作为变量。像这样做-

1. 将选项设置为具有默认值为0的start_position变量。

O= $.extend({ fx："linear"，speed: 500，start_position: 0，click: function(){} }，o || {});

• Change plugin设置curr元素如图所示

curr = $("li.current"，this)o.start_position || curr在您所在页面的javascript中，您可以执行以下操作：

$(“#navlink”).lavaLamp({ fx："backout"，//可选速度: 700，start_position: 1，//页面加载后悬停在服务下点击:function(menuItem，menuItem) {.lavaLamp true；//以便导航到'li‘下的相应链接});

我使用了0.1.0版本的插件来测试它。并且我没有手动设置类“current”。

因此，现在您可以手动设置希望将鼠标悬停在哪个项目下，而不管它是否链接到正在查看的页面。

Answer 2

我用php编写代码，每次重新定义start_position都有点麻烦，所以我在头文件中使用php来知道我在哪个页面上，并相应地设置当前的类：

//我得到当前的页面名称

<?php 
    $page = $_SERVER['SCRIPT_NAME'];
    $page = substr($page, 1);
?>

//我将当前页面与我的菜单项进行比较

<ul class="arrowslide" id="1">
<li <?php if($page=="index.php")echo("class='current'");?>><a href="index.php">accueil</a></li>
<li <?php if($page=="club.php")echo("class='current'");?>><a href="club.php">le club</a></li>
<li <?php if($page=="equipe.php")echo("class='current'");?>><a href="equipe.php">l'equipe</a></li>
<li <?php if($page=="avion.php")echo("class='current'");?>><a href="avion.php">l'avion</a></li>
</ul>

要小心比较你的页面，如果你在你的服务器的子目录中，你需要减去另一个级别或pu整个地址。所以要么

$page = substr($page,2);

或

if($page=="directory/page.php")..

希望这对将来有pb的人有帮助！