如果需要发生改变热点区域颜色，那是没有好办法的，但是有巧办法，利用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>
<!DOCTYPE html><html>
<head>
<title></title>
<style type="text/css">
#red{
float: left
width:200px
height:200px
background: red
}
#blue{
float: left
width:200px
height:200px
background: blue
}
#green{
float: left
width:200px
height:200px
background: green
}
</style>
</head>
<body>
<div id="red"></div>
<div id="blue"></div>
<div id="green"></div>
</body>
</html>
一般采用CSS来控制所需区域的属性。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）