Javascript 如何为下面的jQuery幻灯片函数添加淡入淡出效果？

我有这个幻灯片功能

如何添加淡入淡出效果？所以，当它向下滑动时，它会淡入，而当它向上滑动时，它会淡出

重要提示：我注意到大多数答案都使用切换转换，这与我使用的幻灯片转换不同。切换和滑动有不同的转换

使用函数：

$(document).ready(function() {
    $("#trigger").click(function() {
        $('#test').animate({
            opacity: 'toggle',
            height: 'toggle'
        }, "slow");
    });
});

给你

其他资源：

如果您感兴趣，本网站提供了一些很棒的教程，可以帮助您熟悉jQuery的

.animate（）

：

使用函数：

$(document).ready(function() {
    $("#trigger").click(function() {
        $('#test').animate({
            opacity: 'toggle',
            height: 'toggle'
        }, "slow");
    });
});

给你

其他资源：

如果您感兴趣，本网站提供了一些很棒的教程，可以帮助您熟悉jQuery的

.animate（）

：

您需要动画：

您也可以添加持续时间：

$("#test").animate({opacity: 'toggle', height: 'toggle'},'slow');

您需要设置动画：

您也可以添加持续时间：

$("#test").animate({opacity: 'toggle', height: 'toggle'},'slow');

---

晚会有点晚了，但我成功了：

---

和其他人一样，使用动画制作高度和不透明度，但我不知道你可以将它们-1切换到其他值。

派对有点晚，但我成功了：

---

和其他人一样，使用动画制作高度和不透明度，但我不知道你可以将它们切换为+1。链接功能非常方便，但当涉及到动画时，有点烦人，因为它会按顺序执行

要同时进行淡入淡出和滑动，请使用

animate（）

---

链接功能确实很方便，但当涉及到动画时，它有点烦人，因为它会按顺序执行它们

要同时进行淡入淡出和滑动，请使用

animate（）

---

我不确定这是否是一种有效的方法。。。。但它是有效的

这就是神奇之处：

HTML代码：

<div id="frame">


<img src="image.jpg" />


</div>

---

我不确定这是否是一种有效的方法。。。。但它是有效的

这就是神奇之处：

HTML代码：

<div id="frame">


<img src="image.jpg" />


</div>

---

是的，它会淡入淡出，我不知道你是否注意到，但滑动功能发生了变化，如果你将它与我提供的小提琴进行比较，你可以看到它们在滑动方面的不同。谢谢你的回答）是的，它会淡入淡出，我不知道你是否注意到，但是滑动功能发生了变化，如果你将它与我提供的小提琴进行比较，你可以看到它们在滑动方面的不同。谢谢你的回答）是的，它会淡入淡出，我不知道你是否注意到，但是滑动功能发生了变化，如果你将它与我提供的小提琴进行比较，你可以看到它们在滑动方面的不同。谢谢你的回答。）@Ilyanaup它是如何变化的？答案仍然与您的JSFIDLE完全相同——但会逐渐消失。。。。这就是你在问题中提出的问题？是的，很抱歉让人困惑，在我的示例中，谷歌徽标从上到下滑动，在你的小提琴中显示。你明白我的意思吗？如果你比较两种小提琴，注意它们是如何滑动的，你就会明白我的意思。抱歉让人困惑。哦，我想我注意到了区别，你的例子使用了切换，当我的例子使用幻灯片时，它们有不同的过渡效果，这就是我的意思。@Ilykanaup它做“滑动”高度：切换和持续时间的组合使“滑动”变为淡入淡出，我不知道你是否注意到滑动功能发生了变化，如果你将它与我提供的小提琴进行比较，你可以看到它们在滑动方面有何不同。谢谢你的回答。）@Ilyanaup它是如何变化的？答案仍然与您的JSFIDLE完全相同——但会逐渐消失。。。。这就是你在问题中提出的问题？是的，很抱歉让人困惑，在我的示例中，谷歌徽标从上到下滑动，在你的小提琴中显示。你明白我的意思吗？如果你比较两种小提琴，注意它们是如何滑动的，你就会明白我的意思。抱歉让人困惑。哦，我想我注意到了区别，你的例子使用了切换，当我的例子使用幻灯片时，它们有不同的过渡效果，这就是我的意思。@Ilykanaup它做“滑动”高度：切换和持续时间的组合使“滑动”变为淡入淡出，我不知道你是否注意到滑动功能发生了变化，如果你将它与我提供的小提琴进行比较，你可以看到它们在滑动方面有何不同。谢谢你的回答）是的，它会淡入淡出，我不知道你是否注意到，但是滑动功能发生了变化，如果你将它与我提供的小提琴进行比较，你可以看到它们在滑动方面的不同。谢谢你的回答