我有一个页面，在每个导航点上，网站中间的图像通过淡入淡出来改变颜色。
我设法淡入： $("#active3").fadeIn(2000);
不过，我遇到了再次淡出它的问题。
让我尝试解释一下：
我有 5 个导航点和 5 个不同的图像。
如果我（例如）从第一个导航点滚动到第三个导航点，我将有 3 张图片彼此重叠，因为在每个导航点上，一张图片都会淡入。
如果我然后再次从第三个跳到第一张，我必须以某种方式将第一张图片放在顶部（这对我来说不起作用，因为 z-index 不能淡出，或者？）或者我淡出 2 和 3。
所以我尝试淡出不在活动导航点上的每个图像。例如，当我位于第二个导航点时，代码将是：
$("#active1").fadeOut(2000);
$("#active2").fadeIn(2000);
$("#active3").fadeOut(2000);
$("#active4").fadeOut(2000);
$("#active5").fadeOut(2000);
但淡出队列似乎并没有同时发生。
这是我正在开发的网站：http://palmira-lopez.de http://palmira-lopez.de
感谢您的帮助！
另外作为站点说明，这不是一个商业项目，而是我妈妈的网站:)
但淡出队列似乎
您可以使用。结束（） https://api.jquery.com/finish/告诉 jquery 完成当前排队的任何内容。
$("#active1").finish().fadeOut(2000);
$("#active2").finish().fadeIn(2000);
$("#active3").finish().fadeOut(2000);
$("#active4").finish().fadeOut(2000);
$("#active5").finish().fadeOut(2000);
这可能不是你想要的，但你可能想要.hide()对于那些不在该过程中的人。
您可能最好添加一个类并使用 css 转换。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
