Tag: 子菜单

jQuery SubMenu的机会: 我整晚都在工作，但没有用。典型的SubMenu问题和香港专业教育学院在这里阅读了很多类似的问题，但无法找到解决办法。我有一个菜单，这是一个无序的列表。我也有一个相同的子菜单。我的菜单位置很好等问题是，当我的子菜单出现在常规菜单的一侧时，就像我从菜单1hover到菜单2一样，它就消失了。我确定它的东西很简单，但可以看看吗？ $(document).ready(function() { $(‘.nav’).hover(function(e) { if(!$(‘.nav2’).is(‘:visible’)) { $(‘.nav2’).fadeIn(‘slow’); } },function(){ if(!$(‘.nav2’).is(‘:hover’)) { $(‘.nav2’).fadeOut(‘slow’); } }); $(‘.nav2’).mouseout(function(){ if(!$(‘.nav’).is(‘:hover’)) { $(‘.nav2’).fadeOut(‘slow’); } }); }); 我的名单是： Home About New Listings Featured Home Town Facts Contact Me Bio Credentials Education

使jQuery显示正确的子菜单，如果存在: 这是我在这里发表的第一篇文章，所以我提前为任何糟糕的做法道歉。我一直在寻找，但是还没有找到符合我需求的解决方案 – 也许我只是做错了。但是这里：我正在使用Big Cartel CMS构建一个站点，并且第一次深入研究jQuery。我正在尝试创建一个水平和居中的导航菜单，在适当的位置显示下面的子菜单。我对html和CSS很好，但我正在努力使用jQuery。加价如下： Option 1 Option 1 Link 1 Option 1 Link 2 Option 1 Link 3 Option 1 Link 4 Option 1 Link 5 Option 2 Option 2 Link 1 Option 2 Link 2 Option 2 Link 3 Option 2 Link 4 Option 2 Link 5 […]

子菜单hover的Jquery菜单: 我有一个自我解释的菜单和子菜单系统，您将鼠标hover在主菜单选项中的某些内容上，然后您将看到一个子菜单选项。如果您将鼠标hover在主菜单选项上，但鼠标离开而未从子菜单中选择，则会出现问题，子菜单不会向上滑动。你可以看到它在这里工作（我知道css是膨胀的，但我刚刚复制了整个表格： http://jsfiddle.net/6sres/ 这是我正在使用的Jquery： $(‘#nav li’).hover( function () { //show its submenu $(‘ul’, this).stop().slideDown(100); }, function () { //hide its submenu $(‘ul’, this).stop().slideUp(10); } ); $(‘a#leagueSelect’).hover(function(){ $(‘ul.fixture-list’).slideDown(50); }); 我知道这很简单，可能与导致一些问题的“这个”有关。谢谢，艾伦。

垂直导航，使用JQuery显示隐藏的子菜单: 我正在尝试制作一个与此Flash网站上的菜单类似的菜单： http://elevensix.de/ 当我点击“组合”时，只有子导航链接显示自己。现在我只设法得到一个典型的垂直“在hover菜单上显示子导航”工作。所需要的是，一旦它适当的菜单项，它的子菜单显示。当子菜单项目hover在选中时，此子菜单仍然显示。选择子菜单项时，显示内容，菜单和子菜单都保持可见（选定的菜单和子菜单项将显示不同的颜色以显示导航路径）。呼。这是我的HTML： about testimonials testimonial1 testimonial2 testimonial3 testimonial4 Services services1 services2 services3 services4 Gallery Contact 这是我的css： #nav { width:160px; position: relative; top: 250px; left: 20px; } #nav ul { margin:0px; padding:0px; } #nav ul li { line-height:24px; list-style:none; } #nav a { text-decoration: none; color: #9d9fa2; } #nav […]