求全码——鼠标移到图片某热点显示表格

我是菜鸟，请教一下
我是用Dreamweaver实现
“当鼠标移到一地图某个热点时，显示一表格信息，
鼠标移走，表格隐藏”，能帮我吗，急要全码
谢谢

解决方案 »

  1.   

    应该很简单啊<img src="" id="img" />
    <table id="tb">...</table>window.onload = function(){
      var img = document.getElementById("img");
      var tb = document.getElementById("tb");
      img.onmouseover = function(){
        
        tb.style.display = "inline";  };
      img.onmouseout = function(){
        tb.style.display = "block";
      }
    }
      

  2.   


    <!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" xml:lang="zh-CN" lang="zh-CN">
    <head><!-- http://topic.csdn.net/u/20090420/20/78752e34-536e-49e6-9135-3973e8916fcf.html -->
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>热区显示层</title>
    </head>
    <body>
    <div id=picdiv style="width:300px;height:300px;border:0px red solid;font-size:0px;float:left">
        <map name="FPMap0">
        <area href="###" shape="rect" coords="100, 100, 200, 200" onmouseover="showTAB(this)"onmouseout="hidTAB()">
        </map>
        <img id=pic_a src="images/1.jpg" style="width:300px;height:300px;" usemap="#FPMap0" border=0>
    </div>
    <div id=MYTAB_con style="display:none;width:100px;height:100px;border:0px blue solid;font-size:0px;">
    <table border="1" width="100" id=MYTAB>
    <tr>
    <td height=20>　</td>
    <td>　</td>
    </tr>
    <tr>
    <td height=20>　</td>
    <td>　</td>
    </tr>
    </table>
    </div><br style="clear:both"><script language="javascript">
    <!--
    function getPosition(theElement){
        var positionX =0;
        var positionY =0;
        while (theElement !=null){
            positionX +=theElement.offsetLeft;
            positionY +=theElement.offsetTop;
            theElement =theElement.offsetParent;
        }
        return [positionX,positionY];
    }function showTAB(_this){
        var p=getPosition(document.getElementById("picdiv"))
        var t=_this.coords.split(",")
        with(document.getElementById("MYTAB_con").style){
            position="absolute"
            top=p[1]+parseInt(t[1])+"px"
            left=p[0]+parseInt(t[0])+100+"px"
            display=""
        }
    }function hidTAB(){
        document.getElementById("MYTAB_con").style.display="none"
    }
    //-->
    </script></body>
    </html>
      

  3.   

    <img src="" id="img"  alt=""/> 
    <table id="tb">... </table> 
    window.onload=function()
    {
    var img=document.getElementById("img");
    var tb=document.getElementById("tb");
    img.onmouseover=function()
    {
    tb.style.display="inline";
    };
    img.onmouseout=function()
    {
    tb.style.display="block";
    }
    }
    这个还可以啊用1楼的!