/**
 * Created by Administrator on 2020/9/30.
 */
$(function () {
    nav();
});

function nav() {
    var $liCur = $(".nav-box ul li.cur"),
        curP = $liCur.position().left,
        curW = $liCur.outerWidth(true),
        $slider = $(".nav-line"),
        $targetEle = $(".nav-box ul li a"),
        $navBox = $(".nav-box");
    $slider.stop(true, true).animate({
        "left":curP,
        "width":curW
    });
    $targetEle.mouseenter(function () {
        var $_parent = $(this).parent(),
            _width = $_parent.outerWidth(true),
            posL = $_parent.position().left;
        $slider.stop(true, true).animate({
            "left":posL,
            "width":_width
        }, "fast");
    });
    $navBox.mouseleave(function (cur, wid) {
        cur = curP;
        wid = curW;
        $slider.stop(true, true).animate({
            "left":cur,
            "width":wid
        }, "fast");
    });
};