jQuery自動元素定位

Question

我想使用jQuery在菜單項上滑動箭頭，將鼠標懸停在它們上方。

你需要知道的是，菜單是在UL元素與李項目，文字居中，文本對齊：中心

箭頭處於DIV高於ul。在這一DIV，稱爲「箭頭容器」是另一個DIV，稱爲「箭頭」

箭頭容器相對定位，並箭頭定位絕對的。

一切都是1000像素寬

在此先感謝您的幫助！

請讓它很清楚，我想箭頭滑動，使用.animate（），而不是讓它彈出菜單項

Answer 1

我會做以上這條路。通過$('#target').position()，您可以獲取元素相對於其父元素的相對座標的對象。添加元素寬度的一半，減去箭頭寬度的一半應將箭頭放在目標元素中間的上方。

$('.menuElement').mouseenter(function() { 
    $('#arrow').stop().animate({ 
    left: $(this).position().left+$(this).width()/2-$('#arrow').width()/2 
    },{ 
    duration: 500, 
    easing: 'swing' 
    }); 
});