Javascript 以绿色闪烁。拖动时放置div。拖动

我想在拖动.drag时闪烁.drop div

当.drag div被删除或恢复时，我希望.drop div停止闪烁

但是我想用颜色眨眼，比如绿色，但我不知道用fadeTo（）怎么做

你知道如何修复我的代码来实现这一点吗

示例如下：

代码：

---

当拾取

.drag

时，可以尝试更改div的背景色

$(".drag").draggable({
  revert: 'invalid',
  drag: function(event, ui) {
    $('.drop').fadeTo('fast',0)
    $('.drop').css('background-color', 'green')
    $('.drop').fadeTo('fast',1);
  }

});

---

此代码可以解决您的问题

<div id="cuadrado" class="drop" style="background:gray; margin-top:50px; width:100px; height:100px;"> drop</div>

<script>
$('.drop').droppable({

  over: function(event, ui) {
     document.getElementById("cuadrado").style.color="green";
     document.getElementById("cuadrado").style.background="green";
     $('.drop').fadeTo('fast',0).fadeTo('fast',0);
    ui.draggable.remove();

  }
});
</script>

drop
$（'.drop'）。可拖放({
结束：功能（事件、用户界面）{
document.getElementById（“cuadrado”）.style.color=“绿色”；
document.getElementById（“cuadrado”）.style.background=“绿色”；
$（'.drop'）.fadeTo（'fast'，0）。fadeTo（'fast'，0）；
ui.draggable.remove（）；
}
});

运行该代码可获得以下结果：

我希望它能帮助你

---

再见@locoalien

你想让它每次闪烁时都以不同的颜色闪烁，还是每次闪烁时都以绿色闪烁？谢谢，但你知道吗？在放下.drag div后，或者如果.drag div恢复到原始位置，如何停止闪烁？不，我不能。我已经想出了如何使背景色变回原来的颜色，但不能使闪烁。有一件事我可以说，div确实停止闪烁，只需要大约一分钟。似乎每次鼠标移动时都会执行代码，因此在屏幕上移动代码可能会导致执行数百次。您可以使用

start

和

stop

事件而不是

drag

事件，在启动时将变量设置为

true

，在停止时将变量设置为

false

。然后，您只需要一个循环来定期检查变量是否为

true

，并执行代码。

<div id="cuadrado" class="drop" style="background:gray; margin-top:50px; width:100px; height:100px;"> drop</div>

<script>
$('.drop').droppable({

  over: function(event, ui) {
     document.getElementById("cuadrado").style.color="green";
     document.getElementById("cuadrado").style.background="green";
     $('.drop').fadeTo('fast',0).fadeTo('fast',0);
    ui.draggable.remove();

  }
});
</script>