关于onmouseover

仿http://www.51job.com/ 的选择地区 的效果..当点击其中一个省的时候.弹出一个层.鼠标如果移动到弹出的层上面时,层不消失.除此之外就消失.

解决方案 »

  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=utf-8" />
    <title>Sample</title>
    </head>
    <body><input type=button onclick="div1.style.display='';">
    <div id=div1 style="position:absolute;width:100px;height:100px;display:none;;background:#EEE;" onmouseout="this.style.display='none'">a</div>
    </body>
    </html>
      

  2.   

    <div id=div1 style="position:absolute;width:100px;height:100px;left:10px;display:none;;background:#EEE;" onmouseout="this.style.display='none'">a</div>
      

  3.   

    <div id="Layer1" onMouseMove="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')"></div>
      

  4.   

    <!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>Sample</title>
    </head>
    <body><input type=button onclick="div1.style.display='';">
    <div id=div1 style="position:absolute;width:100px;height:100px;left:10px;display:none;;background:#EEE;" onmouseout="this.style.display='none'">a</div>
    </body>
    </html>