使用 Javascript 拖放交叉淡入淡出

Drag and drop crossfading using Javascript

本文关键字：淡入淡出 Javascript 拖放使用更新时间：2023-09-26

我希望使用 Javascript 以交叉淡入淡出的方式将 png 图像拖放到另一个 png 图像上。我做了一些研究，只能遇到类似的情况，但我发现的情况大多是自动的（无法进行手动拖放），并且它们正在褪色，而不是交叉淡入淡出。我只是想知道，有没有人对处理这种情况并尝试开发此功能的最佳方法有任何想法？

谢谢

你可以使用 Jqueryui draggable

为此。

你也可以使用jQuery效果

或者对于效果，这个插件可能会帮助你 Jquery 循环

或检查此交叉淡入淡出图像

关于交叉淡入淡出，我通过两个绝对定位（position:absolute;）的div 元素来实现这一点，占据相同的区域。一个有opacity:0;，一个有opacity:1;。然后，您需要做的就是拥有一个切换功能，该功能将一个淡出，而另一个淡入。