Javascript 离开悬停后，如何保持p标签在上一个位置？

离开悬停后，我想将p标记保留在上一个位置，即top:0px。我在css中将top:0px添加到p，但不起作用。有什么建议吗？请帮忙。非常感谢。 下面是它的一个片段

$（文档）.ready（函数（）{
$（'.hexagon-in1'）。悬停（函数（）{
$（'.hexagon-in1p'）。设置动画({
“顶部”：“185px”，
})
});
});
.hexagon-in1 p{
位置：相对位置；
字体大小：25px；
颜色：#000；
文本对齐：居中；
顶部：0px；
}

Beach House
hover

接受两个参数：第一个回调用于hover in，第二个回调用于hover out。 传递第二个参数，然后执行相反的操作

$(document).ready(function(){
  $('.hexagon-in1').hover(
    function(){
      $('.hexagon-in1 p').animate({
          "top":"185px",      
       });
    },
    function(){
      $('.hexagon-in1 p').animate({
          "top":"0px",      
       });
    );
});

---

jQuery

hover

接受两个参数：第一个回调用于hover-in，第二个回调用于hover-out。 传递第二个参数，然后执行相反的操作

$(document).ready(function(){
  $('.hexagon-in1').hover(
    function(){
      $('.hexagon-in1 p').animate({
          "top":"185px",      
       });
    },
    function(){
      $('.hexagon-in1 p').animate({
          "top":"0px",      
       });
    );
});

$（文档）.ready（函数（）{
var位置；
$（'.hexagon-in1'）。悬停（函数（）{
动画（185）；
}, 
函数（）{
动画（0）；
});
函数设置动画（位置）{
$（'.hexagon-in1p'）。设置动画({
“顶部”：位置+“px”，
});
}
});
.hexagon-in1 p{
位置：相对位置；
字体大小：25px；
颜色：#000；
文本对齐：居中；
顶部：0px；
}

海滩别墅

$（文档）.ready（函数（）{
var位置；
$（'.hexagon-in1'）。悬停（函数（）{
动画（185）；
}, 
函数（）{
动画（0）；
});
函数设置动画（位置）{
$（'.hexagon-in1p'）。设置动画({
“顶部”：位置+“px”，
});
}
});
.hexagon-in1 p{
位置：相对位置；
字体大小：25px；
颜色：#000；
文本对齐：居中；
顶部：0px；
}

海滩别墅
无“环路”问题的可能解决方案


$（文档）.ready（函数（）{
$（'.hexagon-in1'）.mouseover（函数（）{
$（'.hexagon-in1 p'）.stop（）.animate({
“顶部”：“185px”，
});
})
.mouseout（函数（）{
$（'.hexagon-in1 p'）.stop（）.animate({
“顶部”：“0px”，
});
});
});
.hexagon-in1 p{
位置：相对位置；
字体大小：25px；
颜色：#000；
文本对齐：居中；
顶部：0px；
}

海滩别墅
无“环路”问题的可能解决方案


$（文档）.ready（函数（）{
$（'.hexagon-in1'）.mouseover（函数（）{
$（'.hexagon-in1 p'）.stop（）.animate({
“顶部”：“185px”，
});
})
.mouseout（函数（）{
$（'.hexagon-in1 p'）.stop（）.animate({
“顶部”：“0px”，
});
});
});
.hexagon-in1 p{
位置：相对位置；
字体大小：25px；
颜色：#000；
文本对齐：居中；
顶部：0px；
}

Beach House
一旦触发jquery动画，CSS将被应用并保留。
此时，您需要在不悬停它时覆盖它

CSS转换非常容易做到这一点：


.hexagon-in1 p{
位置：相对位置；
字体大小：25px；
颜色：#000；
文本对齐：居中；
顶部：0px；
过渡：0.5s；
}
.hexagon-in1：悬停p{
顶部：185px；
}
海滩小屋
一旦触发jquery动画，CSS将被应用并保留。
此时，您需要在不悬停它时覆盖它

CSS转换非常容易做到这一点：


.hexagon-in1 p{
位置：相对位置；
字体大小：25px；
颜色：#000；
文本对齐：居中；
顶部：0px；
过渡：0.5s；
}
.hexagon-in1：悬停p{
顶部：185px；
}
海滨别墅
不需要jQuery人员。您只能使用css


.hexagon-in1 p{
位置：相对位置；
字体大小：25px；
颜色：#000；
文本对齐：居中；
顶部：0px；
过渡：.7s全部；
}
.hexagon-in1：悬停p{
顶部：185px；
}

海滩别墅
不需要jQuery人员。您只能使用css


.hexagon-in1 p{
位置：相对位置；
字体大小：25px；
颜色：#000；
文本对齐：居中；
顶部：0px；
过渡：.7s全部；
}
.hexagon-in1：悬停p{
顶部：185px；
}

Beach House
Sagar使用js很重要吗？我使用了css，但即使使用了transition，也没有应用平滑效果的过渡效果，这就是我使用animate Jquery的原因。比这更平滑吗？Sagar使用js很重要吗？我用css做过，但即使使用了transition，也没有应用平滑效果的过渡效果，这就是为什么我用animate Jquery做的。比这个更平滑吗？实际上hexagon-in1是hexagon图div，p标记在它外面，所以我想把hexagon-in1悬停，所以p标记从外面到里面。这就是为什么Jquery兄弟。实际上hexagon-in1是hexagon图div，p标记在它外面，所以我想把hexagon-in1悬停，这样p标记将从外面到里面。这就是为什么Jquery兄弟。实际上hexagon-in1是hexagon图div，p标记在它外面，所以我想把hexagon-in1悬停，这样p标记将从外面到里面。这就是为什么Jquery兄弟。@sagarkodte好吧，我明白了，你的代码片段放在里面了；）实际上hexagon-in1是hexagon图div，p标记在它外面，所以我想把hexagon-in1悬停，所以p标记从外面到里面。这就是为什么Jquery兄弟。@sagarkodte好吧，我明白了，你的代码片段放在里面了；）