菜鸟求助。找到了一段显示层的代码。却改不好。。那位老兄帮我看看该如何写。让层显示在汉字的前部分？

是要这种效果吗
<form name=tpfx>
    <TABLE width=80%>
    <TR>
    <TD align=right>
      <font id=mydiv style="POSITION: absolute; background-color:#00FFCC;display:none">div</font>
      <font onmouseover="mydiv.style.display='block'" onmouseout="mydiv.style.display='none'">显示在我的前边</font>
     </TD>
     </TR>
     </TABLE>
     </form>

解决方案 »

  1.   

    IE下通过，不知道NS下如何
    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <form name=tpfx>
        <TABLE width=100%>
        <TR>
        <TD align=right>
          <font onmouseover="toggleVisible('test')"  onmouseout="toggleVisible('test')">显示在我的前边</font>
          <font onmouseover="toggleVisible('test')"  onmouseout="toggleVisible('test')">显示在我的前边</font>
          <font onmouseover="toggleVisible('test')"  onmouseout="toggleVisible('test')">显示在我的前边</font>
         <DIV id=test style="POSITION: absolute; background-color:#00FFCC;">hehe</DIV> 
         </TD>
         </TR>
         </TABLE>
         </form>
         <script language=javascript>
    //******************************************************************************
    // 一个简单的测试是否IE浏览器的表达式
    //******************************************************************************
    isIE = (navigator.appVersion.indexOf("MSIE")!=-1 ? true : false);//******************************************************************************
    // 得到IE中各元素真正的位移量，即使这个元素在一个表格中
    //******************************************************************************function getIEPosX(elt) { return getIEPos(elt,"Left"); }
    function getIEPosY(elt) { return getIEPos(elt,"Top"); }
    function getIEPos(elt,which) {
     iPos = 0
     while (elt!=null) {
      iPos += elt["offset" + which]
      elt = elt.offsetParent
     }
     return iPos
    }//******************************************************************************
    //不同的浏览器有不同的隐藏层的方法
    //******************************************************************************
    function getXBrowserRef(eltname) {
     return (isIE ? document.all[eltname].style : document.layers[eltname]);
    }function hideElement(eltname) {
      getXBrowserRef(eltname).visibility = "hidden";
    }//******************************************************************************
    // 按不同的浏览器进行处理元件的位置
    //******************************************************************************function moveBy(elt,deltaX,deltaY) {
     if (isIE) {
      elt.left = elt.pixelLeft + deltaX;
      elt.top = elt.pixelTop + deltaY;
     } else {
      elt.left += deltaX;
      elt.top += deltaY;
     }
    }
    //******************************************************************************
    //显示层
    //******************************************************************************
    function toggleVisible(eltname) {
     elt = getXBrowserRef(eltname);
     if (elt.visibility == 'visible' || elt.visibility == 'show') {
       elt.visibility = 'hidden';
     } else {
       fixPosition(eltname);
       elt.visibility = 'visible';
     }
    }
    //******************************************************************************
    //设置层的位置在当前***的位置
    //******************************************************************************
    function setPosition(elt,positionername,isPlacedUnder) {
     positioner = null;
     if (isIE) {
      positioner = document.all[positionername];
      elt.left = getIEPosX(positioner);
      elt.top = getIEPosY(positioner);
     } else {
      positioner = document.images[positionername];
      elt.left = positioner.x;
      elt.top = positioner.y;
     }
     if (isPlacedUnder) { moveBy(elt,0,positioner.height); }
    }
    //******************************************************************************function fixPosition(eltname) {
     elt = getXBrowserRef(eltname);
     positionerImgName = window.event.srcElement.sourceIndex; isPlacedUnder = false;
     if (isPlacedUnder) {
      setPosition(elt,positionerImgName,true);
     } else {
      setPosition(elt,positionerImgName)
     }
    }
    </script>
    </BODY>
    </HTML>