JQuery点赞滑动淡出效果是一种非常流行的技术，它能够为网页增加一个非常漂亮的动效。下面我们就来介绍一下如何使用JQuery实现点赞滑动淡出效果。

    $('button').click(function() {
        $(this).siblings('.count').animate({
        opacity: 1,
        left: "-=20"
    }, 500, function() {
        $(this).delay(300).animate({
        opacity: 0,
        left: "+=20"
        }, 500);
    });
    });

首先，我们需要绑定一个按钮的点击事件，使得用户点击按钮之后就会出现点赞滑动淡出效果。然后，我们需要使用JQuery的animate()方法来实现滑动效果，这个方法可以让元素在指定的时间内从当前位置滑动到目标位置，同时实现渐隐效果。

在代码中，我们首先使用siblings()方法选择与按钮同级的元素，这里选择的是点赞数量。然后，我们使用animate()方法来实现滑动效果。其中，opacity属性用于设置元素的透明度，left属性用于设置元素的位置，通过设置left属性的值，元素可以向左或向右滑动。

接着，我们在animate()方法的回调函数中，使用delay()方法来实现延迟效果，让元素在滑动之后一段时间才开始渐隐，这样就能够让滑动效果更加流畅自然。

使用JQuery实现点赞滑动淡出效果非常简单，只需要一行代码就能够完成，而且效果非常漂亮。如果您想要为网页增加一个点赞功能，那么这个效果一定会让您非常满意。赶快试一试吧！