如何在触摸另一个图像时为图像添加动画效果?

时间:2014-01-14 15:19:53

标签: javascript jquery html css

我有一个蓝色方块,它是可拖动的。如果它触及红色框并释放蓝色框回到它之前的位置。我需要的是当这个蓝色图像触及红色框并释放然后心形符号应该出现在蓝色框上并慢慢增加它的大小并消失。拖动和释放我正在使用jQuery。我唯一需要的是心脏符号动画。感谢你。 JSFiddle

 //jquery
//code.jquery.com/ui/1.10.3/jquery-ui.js
//code.jquery.com/jquery-1.9.1.js
    $( "#draggable1" ).draggable({ revert: true });

enter image description here

1 个答案:

答案 0 :(得分:1)

阅读Draggable events并实施stop功能。要实现动画,请阅读jQuery animate功能。 animate文档甚至包含更改大小和不透明度的示例。