jq hover可否实现离开还原

Question

$(".header__nav .header__nav-item:not(':last')").hover(function() {    idx=$(this).index();    $(".header__nav-tip").animate({"left":70*idx},100).stop(true, true);},function(){    });.header__nav-item还原回动画之前的位置

Answer 1

在进入回调函数中获取.header_nav-tip的当前的left值，并赋值到一个上层变量，在里开回调函数中设置该值即可

var prevLeft = 0;
$('xx').hover(function () {
    tip = $('.header_nav-tip');
    // 获取当前的left值
    prevLeft = tip.offset().left;
    // 设置新的left值
}, function () {
    // 还原之前的left值
})

但是，我建议用css动画比较好，现在写动画要么纯css，要么js + css动画配合，像hover动画可以直接用css的hover伪类实现

.header_nav-tip {
    transition: all .2s ease;
}

.header_nav-tip:hover {
    left: 70px
}

望采纳！