Hallo Leute, ich frage mich, wie man das Elternmenü beim Bewegen der Maus in den Untermenüs schwebt.Wie Sie das Elternmenü schweben lassen, während sich die Maus im Kindermenü in einem Dropdown-Menü befindet
Ich bin ein Anfänger in jQuery und ich mag es, dass Sie mir mit einem Tipp/Vorschlag helfen.
jQuery-Code
// Navigation Slide //
var navHover = function() {
$("#S" + this.id).animate({top: '-40px'}, 300, 'swing')
$(this).animate({paddingTop: '30px'}, 300, 'swing').animate({paddingTop: '45px'}, 300, 'swing')
$("#I" + this.id).animate({top: '-10px'}, 300, 'swing').animate({top: '0px'}, 300, 'swing')
}
var navRelease = function() {
$("#S" + this.id).animate({top: '-130px'}, 300, 'swing');
}
$('#navInside a.topLevel').hover(navHover, navRelease);
// Dropdown animation
function mainmenu(){
jQuery(" #navInside ul ").css({display: "none"}); // Opera Fix
jQuery(" #navInside li").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(500);
},function(){
jQuery(this).find('ul:first').css({visibility: "hidden"});
});
}
jQuery(document).ready(function(){
mainmenu();
});
Navigation HTML
<div id="navInside">
<li><a class="topLevel" href="">Home</a></li>
<li><a class="topLevel" href="">Options</a>
<ul>
<li><a href="">Submenu 1</a></li>
<li><a href="">Submenu 2</a></li>
</ul>
</li>
<li><a class="topLevel" href="">Thanks</a></li>
nettes Menü! Könntest du das relevante HTML, CSS und JQuery hier oder als Geige posten, damit wir dir besser helfen können? –
Ok ich füge den Code ^^ hoffe es hilft dir ^^ danke – Omegakenshin