评论：jQuery下划线跟随导航（原创）  [查看原文]

所属分类：导航-水平导航

 43116  377  13
当前第1页 / 共1页
    吃着火锅唱着歌0
    2020/9/20 11:44:31
    LIKE0
    2018/11/17 16:30:43
    可以说下默认下划线怎么加不啊 回复
    伟艺设计0
    2018/9/23 13:47:30
    这个下载完怎么使用
    回复
    氵水の雪*0
    2018/4/14 15:36:30
    默认下划线 咋加呢 总是没有
        非凡・・・・・0
        2020/6/11 11:00:53

        用

        $(function() {
    $widths = $(".nav li").width()
    $(".bottomLine").css("width", $widths + "px")
})

        页面dom加载时就有了默认下划线

        ……0
        2020/12/25 9:35:35
        $(function() {
    $(".bottomLine").css("width",parseFloat($(".selectedNav").width()+20)+"px");
    $(".bottomLine").css("left",parseFloat($(".selectedNav")[0].offsetLeft)+"px");
});
    回复
    LZZ0
    2018/3/24 21:48:36
    我做的是跳转的链接 跳转下一个网页后 下划线如何在当前网页导航底下（因为我给下划线加宽度了 每个网页单独调的left的距离 才能刷新的时候在下划线底下） 回复
    别再骗自己0
    2018/2/5 10:32:06
    这个用到的地方很多的 回复
    ?0
    2018/1/24 14:26:38

    感觉nav1的效果还可以优化一下

        FHang0
        2018/1/24 14:36:32
        肯定是可以优化的，因为demo重点只是放在下划线的跟随效果上，所以其他样式或者效果使用者自己随心所欲啦。
    回复
    FHang1
    2018/1/24 8:52:56

    原理就是根据选中（hover或者click）的导航（li）获取li的宽度和相对导航容器的左偏移（offsetLeft），动态修改下划线的宽度和left值

    回复
    　 涛丶0
    2018/1/23 22:19:07

    原理可以说下吗？

        FHang0
        2018/1/24 14:38:10

        原理就是根据选中（hover或者click）的导航（li）获取li的宽度和相对导航容器的左偏移（offsetLeft），动态修改下划线的宽度和left值

    回复

讨论这个项目（13）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复