javascript - css 可能是 jquery 帮助

Question

我的设计师设计了如下导航

他希望实现它，以便导航下方的黑色条在页面加载时动画到当前页面(想想进度条)。 PHP 不明显 我可以对它进行排序，以便当前 a 有一个类，这样我就可以识别当前页面，但是我不知道如何为导航下方的栏设置动画，有没有人有建议？

Answer 1

抱歉，我会在这里发帖。

我认为您需要一个 div 中的一个 div。外部 div(代表导航下方的整行)需要是整个导航的宽度。然后，您可以使用 jquery 将内部 div(进度条)设置为与上面的 nav 元素相同的宽度，并将其左侧位置设置为您添加了该类的导航项的左侧位置。

有点像

$(document).ready(function(){

    $('.selectedNav').click(function(){

    var navWidth = $(this).width();
    var posLeft = $(this).position();

    $('#innerDiv').animate({'width': navWidth, 'left': posLeft.left});

    });

});