就是在js中我想实现 鼠标移动效果 移动到“手机数码”，“淘宝集市”，“品牌商城”这几个关键字的时候 相应的显示div层中的文字，为什么没有效果啊，在线结贴

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Untitled Document</title>
        <script type="text/javascript">
            function show(d1){
                document.getElementById(d1).style.display = 'block'; 
            }
            
            function hide(d1){
                document.getElementById(d1).style.display = 'none'; 
            }
        </script>
    </head>
    <body>
        <a href="javascript:onmousemove='show(1)' onmouseout='hide(1)'">手机数码<a>
        
         <a href="javascript:onmousemove='show(2)' onmouseout='hide(2)'">淘宝集市<a>
         <a href="javascript:onmousemove='show(3)' onmouseout='hide(3)'">品牌商城<a>
                            <div id="1" style="display:none;">
                                手机数码1
                                <br/>
                                手机数码2
                                <br/>
                            </div>
                            <div id="2" style="display:none;">
                                淘宝集市1
                                <br/>
                                淘宝集市2
                                <br/>
                            </div>
                            <div id="3" style="display:none;">
                                品牌商城1
                                <br/>
                                品牌商城2
                                <br/>
                            </div>
                            </body>
                        </html>

解决方案 »

  1.   

    <a href="javascript:void(0);" onmousemove='show(1)' onmouseout='hide(1)'>手机数码<a>
    <a href="javascript:void(0);" onmousemove='show(2)' onmouseout='hide(2)'>淘宝集市<a>
    <a href="javascript:void(0);" onmousemove='show(3)' onmouseout='hide(3)'>品牌商城<a>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Untitled Document</title>
      <script type="text/javascript">
      function show(d1){
      document.getElementById(d1).style.display = 'block';  
      }
        
      function hide(d1){
      document.getElementById(d1).style.display = 'none';  
      }
      </script>
      </head>
      <body>
      <a href="#" onmousemove="show(1)" onmouseout="hide(1)">手机数码</a>
      
      <a href="#" onmousemove="show(2)" onmouseout="hide(2)">淘宝集市</a>
      <a href="#" onmousemove="show(3)" onmouseout="hide(3)">品牌商城</a>
      <div id="1" style="display:none;">
      手机数码1
      <br/>
      手机数码2
      <br/>
      </div>
      <div id="2" style="display:none;">
      淘宝集市1
      <br/>
      淘宝集市2
      <br/>
      </div>
      <div id="3" style="display:none;">
      品牌商城1
      <br/>
      品牌商城2
      <br/>
      </div>
      </body>
      </html>