图片热点区域鼠标悬停变色的问题，救救我吧，搞了10天了，弄不出来，下礼拜就交了

Question

需要像新浪天气里那个地图的效果一样，鼠标放到上面，相应的热点区域就变色，怎么做呀下礼拜就交了，做不出来会被开除的，我哭哪位高手救救我吧，谢谢谢谢谢谢谢了

Answer 1

偶的想法是做地图小块图片的div蒙在上面
通过显示和隐藏来模拟

Answer 2

那是个flash啊 你要是用js+图片做，个人感觉首先要把图片分隔成若干个（根据需要）小图片，然后在每个小图片里设置onmouseover事件，利用滤镜效果就可以了吧 关于图片的分隔可以利用fw或者ps分隔 然后到处html页面，不过好像分隔的图片比较规矩~

Answer 3

一般像这种效果最好都是flash画出来的

Answer 4

楼主有源代码吗？有的话，鼠标移上去调用mouseover函数来改变背景颜色比如：function test(obj){
obj.style.background = "red";
}
function test1(obj){
obj.style.background = "";
}html<div id="test" onmouseover="test(this)" onmouseout="test1(this)">测试一下</div>就这样操作就可以了