请教：map上用onmouseover弹出右侧菜单问题

【高薪猎头职位】上海外企急聘.NET TeamLeader！简历到Email: [email protected]
MSN:   [email protected]地点：上海
职位：TeamLeader(.Net)
年限：4年以上经验。Title: TeamLeader(.Net)
 
Responsibilities:
·Lead developers to deliver high quality software source code on time
·Track the developers' schedule and always beat the deadline
·Improve the team's tech standard and increase developers' productivity 
·Write design documents and implement the core modules.
·Interface with developers and related teams (BA, Tester, QA).
·Handle multiple problems and priorities.
·Mentor other developersRequirements:
·Team leadership and management
·Bachelor or above in computer science or equivalent
·More than 4 years .Net application experience, at least 2 years experience 
as a team leader. Experience in multi-national corporations is a plus 
·Familiar with standard software development process (e.g. RUP, CMM, etc.)
·Knowledge of .NET Framework, OO Methodology, UML and Design Patterns
·Strong experience in the latest .Net technologies (.Net 2.0, c#, web 
service, etc.), experience in java or C++ is a plus.
·Good communication & problem solving skills.
·Good English both in oral and written
·Good project planning and time management skills
·Ability to work under a fast paced delivery oriented environment 

解决方案 »

  1.   

    html map元素我也是前几天才认识的~~~晕死~以前学html书上居然没有这个元素~~
      

  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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script language="javascript">
    function show(obj)
    {
    var pos=obj.coords;
    pos=pos.split(",");
    var menu=document.getElementById("menu");
    menu.style.posLeft=parseInt(pos[2]);
    menu.style.posTop=parseInt(pos[1]);
    menu.style.display="inline";
    }
    function hide()
    {
    var menu=document.getElementById("menu");
    menu.style.display="none";
    }
    </script>
    </head><body>
    <img src="1153884248242.jpg" usemap="#MapName">
    <map id="smap" name="MapName" > 
       <area id="a1" shape="rect" coords="50,50,100,100" href='#' onmouseover="show(this);" onmouseout="hide();" onmousemove="" style="cursor:wait"> 
       <area id="a2" shape="rect" coords="200,50,250,100" href='#' onmouseover="show(this);" onmouseout="hide();" onmousemove="" style="cursor:wait"> 
    </map > 
    <br /><br /><br /><br /><Br />
    <span id="menu" style="position:absolute;left0;top:0;display:none;z-index:1;color:blue;"><b>Menu Here</b></span>
    </body>
    </html>
    自已找张图把那个图片换了,不然显不出来测试不到,另外如果你想显示不同的MENU自己再修改下,那个很简单的
      

  3.   

    谢谢，子菜单是有了，可是不能点击啊，onmouseout就隐藏了，那怎么选择子菜单呢？
      

  4.   

    把onmouseout="hide()"改成onmouseout="hide(event)"传递event去判断当前鼠标所在元素是不是在子菜单的层里。图片层和子菜单层一定连接处一定不能有空隙，然后把hide的函数改成：function hide(event){
    event = event.target || window.event.srcElement;
    if(event.id!="menu"){document.getElementById("menu").style.display="none";}
    }
      

  5.   

    把onmouseout="hide()"改成onmouseout="hide(event)"传递event去判断当前鼠标所在元素是不是在子菜单的层里。 图片层和子菜单层一定连接处一定不能有空隙，然后把hide的函数改成： function hide(event){ 
    event = event.target  ¦ ¦ window.event.srcElement; 
    if(event.id!="menu"){document.getElementById("menu").style.display="none";} 
    }