Hi, I implemented the Lavalamp menu in my website, and I wanted to do this: when the users click in some link in the menu, then the hover stays in that link.
The lavalamp effect is working.
The jquerycode I have is this:
<script type="text/javascript">
$(function() {
$("#menutop").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
</script>
The html code for the menu is this:
<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>
I think the solution is doing something with jquery that assigns the class current to the li with the href of the page we are viewing.
I don't know how to do this, but if you understood and know let me know xD
Thanks
ps: of course there are other pages in my website, but if there's not a li with the href of the page begin viewed, the current class will always be pointed in the li of the index.php