imagemap

[blueasan]

大家好：

对于image map ，可不可以在onmouse over的时候改里面的一个area的图片，不是整个的图片，就是里面一个area的图片？

[Atai-Lu]

可以，通过js来修改

[Atai-Lu]

.test{background:url(../images/pic.gif) 4px top no-repeat;}
/*通过js修改background图片的显示区域*/

[blueasan]

let me try ,thanks first

[blueasan]

试过了，好象对area不起作用，代码：

.aaa
{
  background:url(truckiss.gif) 4px top no-repeat;}

}

HTML code :

<map name="image-map">
<area shape="rect" class="aaa" coords="15,15,85,85" href="javascript:alert('Square')"
   onMouseOver="self.status='Square';return true"
   onMouseOut="self.status='';return true">

[bestdowt1314]

[Quote=引用 2 楼 luxu001207 的回复:]
CSS code

.test{background:url(../images/pic.gif) 4px top no-repeat;}
/*通过js修改background图片的显示区域*/


[/Quote]
正解

[varlj]

map可以改CSS吗？我以前试了好像CSS对msp不起作用
关注一下

[zhihuixiaole]

css对area不起作用

[blueasan]

up

[blueasan]

没有什么好办法了吗？？

[Cyril_Tam]

<p><img src="icon2.jpg" id="i1" name="i1" width="20" height="20" border="0" usemap="#Map2" onMouseOver="this.src=('icon3.jpg')">
<map name="Map2">
<area shape="rect" coords="0,0,19,20" href="#">
</map>
</p>