js如何在HTML里面做成 鼠标移上去换文字

有好多链接标签如：
<a id="re" alt="新闻">News</a>
<a id="re" alt="产品">Products</a>
<a id="re" alt="其它">Other</a>
我想让鼠标移到比如News链接上时， News这几个字就换为中文“新闻”。
请问这个JS该怎么写呀？ 

解决方案 »

  1.   

    鼠标事件＋div或者span＋innerHTML
      

  2.   

    把文字做成图片吧。    要么处理mouseover事件还还麻烦一些
      

  3.   

    鼠标移动，div切换(隐藏和显示)。
    另：
    我想让鼠标移到比如News链接上时， News这几个字就换为中文“新闻”。直接写新闻不行么？你要做i18n的东西？
      

  4.   

    问题是不行呀。必须要用鼠标移上去换文字。 有什么办法没？
    另外回下lrbyantai：
    如果用innerHTML该怎么写？我对JS属白痴阶段。改个简单的还行。但让我自己写的话，写不出来 *_*
      

  5.   


    <html>
    <head>
    <script>
    function changeShow(obj){
     obj.innerText="123123123123";
    }
    </script>
    </head>
    <body>
    <a id="re" alt="asdf" onmouseover="changeShow(this);">News</a>
    </body>
    </html>
    不知道你是不是要这效果
      

  6.   

    是这个效果，但有点不对噢。
    首页鼠标移开时，文字要还原成原来的。另外obj.innerText="123123123123";这个能不能取alt的值呀。
    我想做成通用的。总不能每一个<a> 定义一个changeShow吧？
      

  7.   

    function check(obj){
    obj.title=obj.innerText;
    obj.innerText=obj.alt;
    obj.alt=obj.title;
    }  <a id="re" onmouseover="check(this)" onmouseout="check(this)" alt="新闻">News</a>
    <a id="re" onmouseover="check(this)" onmouseout="check(this)" alt="产品">Products</a>
    <a id="re" onmouseover="check(this)" onmouseout="check(this)" alt="其它">Other</a>