Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá.. Fiz este meu primeiro menu em jquery (robando alguns códigos rsrs).
Enfim ele até que ficou legal. Mas acho que da para melhorar.
Vou postar o código dele.. Vocês poderiam apontar aonde eu posso modificar para melhorar o desempenho do menu e ter um efeito mais suave.
Menu funcionando dentro do site: www.tolkz.com/inovarag2
Código Completo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src='js/menu.js'></script><!-- MENU -->
<div id="m-menu" style="width:190px; height:259px; border: 1px dashed #6C6C6C; float:left;">
<li class="current_menu"><a href="#">Home</a></li>
<hr />
<li><a href="#">Cadastro</a></li>
<hr />
<li><a href="#">Download</a></li>
<hr />
<li><a href="#">Informações</a></li>
<hr />
<li><a href="#">Doações</a></li>
<hr />
<li><a href="#">Loja</a></li>
<hr />
<li><a href="#">Fórum</a></li>
<hr />
<li><a href="#">Contato</a></li>
</div>
<script>
$(function() {
$mainMenu = $(".current_menu");
$mainMenu.append("<div id='menu_hover'></div>");
$("#m-menu a").hover(function() {
$el = $(this);
topPos = $el.position().top;
leftPos = $el.position().left;
$("#menu_hover").stop().animate({
top: topPos,
left: leftPos,
}, "fast");
},
function() {
origTop = $mainMenu.position().top;
origLeft = $mainMenu.position().left;
$("#menu_hover").stop().animate({
top: origTop,
left: origLeft,
});
});/ Kick IE into gear /
$("#menu_hover").mouseenter();
});
</script>Agradeço desde ja, a todos.
Carregando comentários...