js 鼠标移入移出防抖

小帅波

于 2021-07-14 16:27:13 发布

阅读量795

点赞数

文章标签： jquery javascript

本文链接：https://blog.csdn.net/sosoxiha/article/details/118730954

版权

这篇博客探讨了如何使用JavaScript实现评论框中元素的悬停动画效果。通过监听`mouseenter`和`mouseleave`事件，动态改变`.n-intro`元素的顶部位置，实现了平滑的进入和离开动画，增加了用户体验。

摘要由CSDN通过智能技术生成

    $('.comment-box').on('mouseenter','.item',function () {
        $(this).find('.n-intro').stop().animate({top:0},500);
    });
    $('.comment-box').on('mouseleave','.item',function () {
       $(this).find('.n-intro').stop().animate({top:'400px'},200)
    });