请帮助 js实现鼠标移动到文字显示图片

<!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> 
<table width="92%" border="0" align="center" cellpadding="0" cellspacing="0"> 
      <tr> 
        <td class="baihong_s">&nbsp;&nbsp;&nbsp;&nbsp;整形又叫成形，即塑其形也。世之万物，皆有其形。形是审美的基础，也是行使一定功能的必要条件。医生为此进行的修复美化的活动即为整形。再日趋成熟的今天，整形美容已经成为更多爱美人士生活的反映，活动的记录，历史的积沉，形成整形美容文化，它是人们的高级精神生活的追求。是人们认识自己，思考自己，是人精神得以承托的需求。在日趋成熟的社会文化中，整形美容文化正在形成自己的独有的思想理论。 </td> 
      </tr> 
      <tr> 
        <td>&nbsp; </td> 
      </tr> 
      <tr> 
        <td bgcolor="#54250d"> <table width="100%" height="310" border="0" cellpadding="0" cellspacing="0"> 
          <tr> 
            <td width="310" rowspan="2" align="center" valign="middle"> <img src="images/menhua_23.gif" width="310" height="310" /> </td> 
            <td width="30" rowspan="2" valign="top">&nbsp; </td> 
            <td valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> 
              <tr> 
                <td> <table width="320" height="250" border="0" align="left" cellpadding="0" cellspacing="0"> 
                  <tr> 
                    <td height="15"> </td> 
                  </tr> 
                  <tr> 
                    <td class="cheng"> <a href="">当鼠标指到标题1 左边显示标题1图片 </a> </td> 
                  </tr> 
                  <tr> 
                    <td class="cheng"> <a href="">当鼠标指到标题2 左边显示标题2图片 </a> </td> 
                  </tr> 
                  <tr> 
                    <td class="cheng"> <a href="">当鼠标指到标题3 左边显示标题3图片 </a> </td> 
                  </tr> 
                  <tr> 
                    <td class="cheng"> <a href="">当鼠标指到标题4 左边显示标题4图片 </a> </td> 
                  </tr> 
                  <tr> 
                    <td class="cheng"> <a href="">当鼠标指到标题5 左边显示标题5图片 </a> </td> 
                  </tr> 
                  <tr> 
                    <td class="cheng"> <a href="">当鼠标指到标题6 左边显示标题6图片 </a> </td> 
                  </tr> 
                  <tr> 
                    <td class="cheng"> <a href="">标题6...当鼠标指到标题7 显示标题7图片 </td> 
                  </tr> 
                  <tr> 
                    <td class="cheng"> <a href="">标题7...当鼠标指到标题8 显示标题8图片 </td> 
                  </tr> 
                </table> </td> 
                <td width="235" align="center" valign="top"> <img src="images/menhua_25.gif" width="235" height="88" /> </td> 
              </tr> 
            </table> </td> 
          </tr> 
          <tr> 
            <td height="60" align="left">&nbsp; </td> 
          </tr> 
          
        </table> </td> 
      </tr> 
      <tr> 
        <td>&nbsp; </td> 
      </tr> 
      
    </table> 
</body> 
</html> 请大家帮助 我对JS 和Css 不是很熟悉 我也找找资料 
请大家帮帮忙

解决方案 »

  1.   

    <img src="a.jpg" title="a图片" alt="a图片" onmouseover="try{showUserCard(this,'a')}catch(ex){};" />
      

  2.   

    showUserCard
    这个函数是什么？
      

  3.   


    <p onmouseover='document.getElementById("img").style.display = "block"' onmouseout='document.getElementById("img").style.display = "none"'>图片1</p>   
        <p></p><p></p>
        <img id="img" src="images/show_01.jpg" />
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
     
    <script>
    window.onload = (function(){
        var obj=document.getElementsByTagName("img");
        for(var i=0;i<obj.length;i++){
            obj[i].style.display="none";
        }
        
        var l=document.getElementsByTagName("a");
        for(var i=0;i<l.length;i++){
            var index=i;
            l[i].onmouseover=function(){
                this.parentNode.childNodes[1].style.display="";
                };
            l[i].onmouseout =function(){
                this.parentNode.childNodes[1].style.display="none";
                };
        }
    });
    </script></head>
    <body>
    <table> 
       <tr> 
           <td class="cheng"> <a href="">p1111</a><img src="#">1</img></td> 
           <td class="cheng"> <a href="">p2222</a><img src="#">2</img></td> 
       </tr> 
    </table> 
    </body>
    </html>
      

  5.   

    有没有JS错误 呢？因为这个是全JS的，不能有任何错误的。