高分求js根据图片area区域算法？

Question

我现在有一张图片里面用area圈定了几个热点，当我鼠标移动到area上动态把div显示在area上是加亮显示的，
谁能提供一个算法？

Answer 1

图片是固定的还是随时变化的？首先要是图片随时变化，还得获取图片的area区域？这样恐怕。
其次，area是规则还是不规则的？要是不规则，div怎么表现呢？
这个说复杂也复杂，说不复杂也不复杂，看具体的情况吧？

Answer 2

就是一张图片，里面有几个area当鼠标移到上面后div加亮到上面
area都是方形的，希望高手能给个算法

Answer 3

思路
首先：自己计算好area的width,height,图片的左上角距离图片的left和top
其次：用一个div，背景为图片，div的width和height和图片一致。div的style为：position：relative
然后：用n个div来对应你的area，样式为：position：absolute;width:对应area;height对应area;left:对应area;top对应area;display:none;然后用一个发光效果的背景。本人觉得方便。设置好id。同时，同样的位置，也要有个一样的style的div，来响应鼠标事件。不过不需要display:none;和背景图片，设置好id。
最后，当鼠标放上第二类div的时候，事件响应，显示前一类div，隐藏当前div。当鼠标移除第一类div，隐藏第一类div，显示第二类div。
不过上面的方法麻烦点，可以直接用样式控制area对应div鼠标悬浮和不悬浮的样式！