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 }望采纳！