html代码中如何改变usemap热区颜色_随笔

使用图片热点技术并不是一个很好的方法

如果需要发生改变热点区域颜色，那是没有好办法的，但是有巧办法，利用JavaScript来改变图片,使用onmouseover事件和onmouseout事件在改变图片的src

例子:

<img

src="header.jpg"

width="800"

height="202"

border="0"

usemap="#Map"

id="headerImg"

<map

name="Map"

id="Map">

<area

shape="rect"

coords="452,97,554,145"

href="#"

onmouseover="document.getElementById('headerImg').src='header1.jpg'"/>

</map>

</map>

<img>中的 usemap="#map1" 是要使用的映射的名称（或 ID），对应 <map>中的 name=“map1” 或 id=“map1”，但前面要加一个“#”。

至于 <map>的 name 和 id ，效果一样，其实只要设置一个 name 即可，但为了保证兼容性，最好两个都写，且值也要一样。

<html>

<body>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html代码中如何改变usemap热区颜色