移动爱心案例

今天我要分享是我学习JS的时候做的一个移动爱心的小案例，这个小案例的好处是可以帮助初学者快速学习和应用JS。先给大家看一看效果。

大图的区域设置了无法跟进，小图就是用鼠标移动的爱心，因为是初学JS时敲的代码所以代码看起来比较多。

第一步：放两个div，然后给两个div上ID方便写样式和JS。

第二步：敲样式。

第三步：通过ID获取到两个div

第四步：利用鼠标移动事件onmousemove绑定小的div（就是ID为heart的那个）使这个div可以通过鼠标移动。

（其实这里就做完了下面是另一个练习）

第五步：再次利用鼠标移动事件绑定另一个div设置这个区域的cancelBubble为true。这样就可以做到，鼠标在经过这个区域时爱心无法跟进。下面看图。

这是就是我以前的移动爱心练习，希望可以帮助到你们。

感谢大家看我的小案例。