能否给一副大图的N个热区分别加一个背景色,谢谢!

//已知大图:
<img src="5.jpg" width="1000" height="1000" border="0" usemap="#Map">
<map name="Map">
他有下面两个热区
//热区1
<area shape="RECT" coords="100,100,200,200" href="xx.aspx?HotID=12" target="_blank" >
</map>
//热区2
<area shape="RECT" coords="200,200,200,200" href="xx.aspx?HotID=13" target="_blank" >
</map>
++++++++++++++++++++++++++++++++++
请问如何来标识每个热区的背景色,或者给每个热区加一个可以区别的标记,谢谢!

解决方案 »

  1.   

    <img src="5.jpg" width="1000" height="1000" border="0" usemap="#Map"><map name="Map">
    <area shape="RECT" coords="100,100,200,200" href="xx.aspx?HotID=12" target="_blank" >
    </map><map name="Map">
    <area shape="RECT" coords="200,200,200,200" href="xx.aspx?HotID=13" target="_blank" >
    </map>
    +++++++++++++++++++++++++++++====各位有没有高招,谢谢================
      

  2.   

    本来我想用CSS定义的..但是失败了..看来你需要给单独的图片做反转效果了..把大图切为N个小图..然后给小图应用反转
      

  3.   

    原来这么麻烦,听说可以用vml来实现,不知道大家有没有好的方法下面是VML画出来的大家看看,但是不知道怎么来根据坐标coords="200,200,200,200"结合下面的方法来画图,谢谢@!
    <html xmlns:v="urn:schemas-microsoft-com:vml"> 
    <head> 
    <STYLE> 
    v\:* { 
    BEHAVIOR: url(#default#VML) 
      } 
    </STYLE> 
    </head>
    <body>
    <v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 430,368 426,360 420,344 416,340 404,320 406,300 416,280 426,260 436,256 446,240 460,232 472,234 476,240 472,260 465,280 462,320 440,340 435,360 430,368"  onmouseOver="this.fillcolor='#ff0000'"  onmouseOut="this.fillcolor='#CED384'">//设置颜色 
    <v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow> 
    </v:polyline> 
      

  4.   

    晕啊,难道这个东东一定要MapXtreme2004 才能实现吗??
      

  5.   

    我测试给每个热区加一个背景图片,为何这个背景图片都不显示??????????
    <img src="upload/big/2005920152215.jpg" width="600" height="454" border="0" usemap="#Map">
    <map name="Map">
      <area shape="rect" coords="152,118,351,235" href="#" style='background-image:url(images/a1.gif)'>
    </map>