问一个热区的问题。

将一张图片上的某个区域设置为热区，发现当点击图片上除热区以外的区域后，再将鼠标移动至热区区域而没有点击热区就会出现热区所定义的超链接网页。我是这样做的，在<map onMouseOver="return false;">和<area onMouseOver="return false;">，但都不行。请问如何解决？

解决方案 »

  1.   

    示例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <img src="lenovo.jpg" border="0" usemap="#Map" />
    <map name="Map" id="Map"><area shape="rect" coords="119,124,295,151" href="http://www.google.cn" /></map>
    </body>
    </html>
      

  2.   

    我表达能力不行，其实操作很简单。就是把图片的某个区域设为热区，该热区的href属性设置为http://www.google.cn   然后，鼠标随意点击图片的其他区域，再移至热区上方，此时会自动弹出google网页
      

  3.   

    我希望只有鼠标click热区时才会链接到google
      

  4.   


    什么理解? 仅仅是把鼠标移动到热区上就打开热区对应的连接吗?看看是不是下面的效果?....<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>oepn link...</title>
    </head>
    <script language="javascript" type="text/javascript">
    function openLink(url){
    var u=url;
    window.location=u;
    }
    </script>
    <body> 
    <img src="http://avatar.profile.csdn.net/6/1/2/2_BeenZ.jpg" width="500" height="224" border="0" usemap="#Map">
    <map name="Map">
      <area style="border:1px solid red;" shape="rect" onMouseOver="javascript:openLink(this.href);"
       coords="211,59,348,186" href="http://www.baidu.com" target="_blank">
    </map>
    鼠标移动到问好上看看...
    </body> 
    </html>
      

  5.   

    4楼的代码保存后，无法重现错误，可能是其它地方出错
    看看 js 里面是否定义了 onmouseover
      

  6.   

    弱弱的说下，这和HotSpot有关系没