Question

我想制作一个菜单......这样做：http://jsfiddle.net/8U9fy/1/（不想打扰他们那么好......）但是......我想这样做它不是菜单/链接大小依赖..（类似于指定箭头根据特定元素类移动..或其他东西）

我在想像...... http://docs.jquery.com/UI/Position但是我不知道.animate是否可以用它..

所以，要说清楚..问题确实不是根据特定元素定位箭头而是......在动画箭头运动的同时这样做..

想法？

编辑：我想实现类似于我在jsfiddle示例中所做的类似的东西.. buti想要这样做，以便无论菜单或链接的大小是什么......

目前箭头位置由一个位置的左值控制，这意味着如果我想...让我们说在链接之间添加填充，我将不得不一次又一次地调整.animate左值..

Answer 1

这样的事情应该有效。您需要根据需要调整位置计算。

var arrow = $(".Arrow");
$("ul#menu").delegate('a', 'mouseenter', function() {
    var left = $(this).offset().left - arrow.parent().offset().left + $(this).outerWidth()/2 - arrow.width()/2
    arrow.stop().animate({left: left}, 800, 'easeOutBack');
});

（编辑添加kingjiv的'左'计算。）

jQuery - 将元素和动画元素悬停在该位置

1 个答案: