用JS给数据统计图加上说明(续)

前几天发的"
用JS给数据统计图加上说明
"所提供的是从sohu上简化的代码,并不支付FIREFOX,而且通用性也不强,今天修改了一下,使能支持FIREFOX,并且,通用性加强了

先来简单描述一下实现原理,demo下载附后

原理其实很简单:
1)鼠标在图片上移动时,调用处理方法ImgMove
2)获得图片左上顶点相对于浏览器所在的X,Y坐标,获得鼠标当前坐标,计算出鼠标所在相对于图片顶点的偏移
3)在鼠标所在点,显示辅助线及数据提示

要注意的问题:
1.线和数据的区开始应设为display:none,且定位为相对,显示层次在上面
2.要根椐数据项和图的大小,去计算当前应该显示的项(下载中并没有实现这一步)
3.一般地,数据区会比整张图片小一点,所以要设定,且计算时应考虑

文件:
b.rar
大小:
1KB
下载:
下载