jQuery大的下拉菜单导航

一个很好的选择网站的导航项。当用户将鼠标悬停于一个列表项,项目扩大到出现子菜单和子菜单的宽度。 var $menu = $('#ldd_menu'); $menu.children('li').each(function () { var $this = $(this); var $span = $this.children('span'); $span.data('width', $span.width()); $this.bind('mouseenter', function () { $menu.find('.ldd_submenu').stop(true, true).hide(); $span.stop().animate({ 'width': '510px' }, 300, function () { $this.find('.ldd_submenu').slideDown(300); }); }).bind('mouseleave', function () { $this.find('.ldd_submenu').stop(true, true).hide(); $span.stop().animate({ 'width': $span.data('width') + 'px' }, 300); }); });

在线演示        积分下载        6毛下载        砍两刀下载