使用 Javascript 拖放交叉淡入淡出

Question

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

谢谢

Answer 1

您可以使用Jqueryui draggable

为此。

你也可以使用jquery effects

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

或查看cross fade image

Answer 2

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