我想悬停显示文字可以用js的onmouseover或者css的onhover,但应该编写什么代码划分/标示一张图片不同区域?只需要普通矩形就可以,另外是手写的代码不用dw或fp的热点。请教有没有相关的完整源码,或者类似的作品地址可供参考?谢谢大家。

解决方案 »

  1.   

    例如<img src="xxxx" usemap="#Map"><map name="Map">
      <area shape="rect" coords="0,0,50,20" title="">
      <area shape="rect" coords="0,0,100,20" title="">
      <area shape="rect" coords="20,0,100,20" title="">
      <area shape="rect" coords="100,200,100,20" title="">
    ..............................................
    </map>coords就是这张图片的区域,4个参数是左上角的x,y和右下角的x,y
      

  2.   

    ls的就是热点。<img id="obj"/>
    var a;
    a=document.getElementById("obj").x-event.pageX;///  根据a的大小可以判断鼠标在哪里
      

  3.   

    gxtiou可否说得更详细些?或者发个实例链接就行,谢了。另外同样谢谢二楼。