jquery - 将 jquery 效果添加到下拉菜单并将下拉菜单恰好放在悬停选项卡下方

Question

如何移动下拉框使其在新闻选项卡下准确对齐。？ 目前新闻下的下拉菜单完全不在新闻标签下(向右移动)。 并在下拉菜单中加入jquery效果

http://jsfiddle.net/A7rvZ/7/

Answer 1

用你的 fiddle 试试下面的代码。用你想要的任何一种动画修改下面的代码。引用自.animate .

 $('#coolMenu .pink p a').mouseover(function() {
        $('#coolMenu .pink ul').animate({
            height: ['toggle'],
            opacity: 0.75
        }, 3000, function() {
            $('#coolMenu .pink ul').css('display', 'block');
        });
    });​

要在悬停时对齐 ul，请为选择器 #coolMenu ul 使用一些 css，例如“margin-left”。