将鼠标放在某一段文字或者表格的某一列上面时，会浮出一个小方框出现一些说明文字，请问怎样写？

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
var bV=parseInt(navigator.appVersion);
var IE4=((document.all)&&(bV>=4))?true:false;
var moveFlag=false;var fntSize=9;  //设置字体大小
var tipBgColor="f4f9fc";   //设置背景颜色
var tipBorderColor="111222"; //设置边框颜色
var tipTextColor="000000";   //设置字体颜色
function setReload(){
  window.location.reload()
}function showTip(msg){
  var obj = 'TipBox';  moveFlag=true;
if(IE4){
IE_MouseMove();
    document.all[obj].innerHTML = msg;
    document.all[obj].style.visibility = 'visible';
  }
}function hideTip(){
  var obj = 'TipBox';  moveFlag=false;
  if(IE4)
    document.all[obj].style.visibility = 'hidden';
}function IE_MouseMove(){
  if(moveFlag){
var x = event.x-60;                  
var y = event.y+20;                   
var objp = document.all.TipBox.style;
var xx = (document.body.scrollLeft+x);
var yy = (document.body.scrollTop+y); objp.pixelLeft = xx+20;
objp.pixelTop = yy;
  }
} if(IE4){
  document.write("<DIV ID=TipBox STYLE='position:absolute; visibility: hidden; padding: 0.2em 0.2em 0.2em 0.2em; color: #"+tipTextColor+"; background-color: #"+tipBgColor+"; border:1px solid #"+tipBorderColor+"; font-size: "+fntSize+"pt'></DIV>");
  document.onmousemove = IE_MouseMove;
}
</script>
</head>
<body>
<font size="2"><a onmouseover="showTip('看见了吗')" onmouseout="hideTip()" href=#>点我</a></font>
</body>
</html>

解决方案 »

  1.   

    <input type=text title="你还好吗??">
      

  2.   

    title属性
    但这里面不能改字体的style
    要想有自定义的字体，就只能在onmouseover里面写div了
      

  3.   

    <html>
    <head>
    <script Language="JavaScript">
    //***********默认设置定义.*********************
    tPopWait=50;//停留tWait豪秒后显示提示。
    tPopShow=5000;//显示tShow豪秒后关闭提示
    showPopStep=20;
    popOpacity=99;//***************内部变量定义*****************
    sPop=null;
    curShow=null;
    tFadeOut=null;
    tFadeIn=null;
    tFadeWaiting=null;document.write("<style type='text/css'id='defaultPopStyle'>");
    document.write(".cPopText {  background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
    document.write("</style>");
    document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
    function showPopupText(){
    var o=event.srcElement;
    MouseX=event.x;
    MouseY=event.y;
    if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
            if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
    if(o.dypop!=sPop) {
    sPop=o.dypop;
    clearTimeout(curShow);
    clearTimeout(tFadeOut);
    clearTimeout(tFadeIn);
    clearTimeout(tFadeWaiting);
    if(sPop==null || sPop=="") {
    dypopLayer.innerHTML="";
    dypopLayer.style.filter="Alpha()";
    dypopLayer.filters.Alpha.opacity=0;
    }
    else {
    if(o.dyclass!=null) popStyle=o.dyclass 
    else popStyle="cPopText";
    curShow=setTimeout("showIt()",tPopWait);
    }

    }
    }function showIt(){
    dypopLayer.className=popStyle;
    dypopLayer.innerHTML=sPop;
    popWidth=dypopLayer.clientWidth;
    popHeight=dypopLayer.clientHeight;
    if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
    else popLeftAdjust=0;
    if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
    else popTopAdjust=0;
    dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
    dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
    dypopLayer.style.filter="Alpha(Opacity=0)";
    fadeOut();
    }function fadeOut(){
    if(dypopLayer.filters.Alpha.opacity<popOpacity) {
    dypopLayer.filters.Alpha.opacity+=showPopStep;
    tFadeOut=setTimeout("fadeOut()",1);
    }
    else {
    dypopLayer.filters.Alpha.opacity=popOpacity;
    tFadeWaiting=setTimeout("fadeIn()",tPopShow);
    }
    }function fadeIn(){
    if(dypopLayer.filters.Alpha.opacity>0) {
    dypopLayer.filters.Alpha.opacity-=1;
    tFadeIn=setTimeout("fadeIn()",1);
    }
    }
    document.onmouseover=showPopupText;
    </script>
    <style>
    .cPopText { font-size: 12px; background-color: #CCFFCC; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border:1px solid #000000;}
    </style>
    </head>
    <BODY>
    <a href="dispbbs.asp?boardID=6&RootID=56&ID=56" title="我想请问斑竹？<br>作者：农民<br>发表于2002-6-3 20:17:16<br>最后跟贴：呵呵，是住我们......">我想请问斑竹？</a>接着前面的    
    </body>
    </html>
      

  4.   

    // Example:
    // onMouseOver="toolTip('tool tip text here')";
    // onMouseOut="toolTip()";
    // -or-
    // onMouseOver="toolTip('more good stuff', '#FFFF00', 'orange')";
    // onMouseOut="toolTip()"; 
    /*
    MOVE this to the <body>:
    <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
    <script language="JavaScript"><!--
    initToolTips(); //--></script>
    */
    var ns4 = document.layers;
    var ns6 = document.getElementById && !document.all;
    var ie4 = document.all;
    offsetX = 0;
    offsetY = 20;
    var toolTipSTYLE="";
    function initToolTips()
    {
      if(ns4||ns6||ie4)
      {
        if(ns4) toolTipSTYLE = document.toolTipLayer;
        else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
        else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
        if(ns4) document.captureEvents(Event.MOUSEMOVE);
        else
        {
          toolTipSTYLE.visibility = "visible";
          toolTipSTYLE.display = "none";
        }
        document.onmousemove = moveToMouseLoc;
      }
    }
    function toolTip(msg, fg, bg)
    {
      if(toolTip.arguments.length < 1) // hide
      {
        if(ns4) toolTipSTYLE.visibility = "hidden";
        else toolTipSTYLE.display = "none";
      }
      else // show
      {
        if(!fg) fg = "#777777";
        if(!bg) bg = "#FFFFFF";
        var content =
        '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
        '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + 
        '"><td align="center"><font face="sans-serif" color="' + fg +
        '" size="-2">&nbsp\;' + msg +
        '&nbsp\;</font></td></table></td></table>';
        if(ns4)
        {
          toolTipSTYLE.document.write(content);
          toolTipSTYLE.document.close();
          toolTipSTYLE.visibility = "visible";
        }
        if(ns6)
        {
          document.getElementById("toolTipLayer").innerHTML = content;
          toolTipSTYLE.display='block'
        }
        if(ie4)
        {
          document.all("toolTipLayer").innerHTML=content;
          toolTipSTYLE.display='block'
        }
      }
    }
    function moveToMouseLoc(e)
    {
      if(ns4||ns6)
      {
        x = e.pageX;
        y = e.pageY;
      }
      else
      {
        x = event.x + document.body.scrollLeft;
        y = event.y + document.body.scrollTop;
      }
      toolTipSTYLE.left = x + offsetX;
      toolTipSTYLE.top = y + offsetY;
      return true;
    }
      

  5.   

    我用楼上这位兄台的代码时出现了一点问题，我把事件加在一个表格的<tr>上，当表格在页面最顶端的时候一切正常，但如果表格放在其他东西下面，没有处于页面顶端时，提示框出现的位置就会出现很大偏差。
      

  6.   

    问题发现了，只要加了
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    就会出错，什么原因啊？无语了。
      

  7.   

    关于做这种效果总的来说一种用Title一种用DIV来做！
    关于楼上说的出错问题，我也深受其害，DW2004会自动生成上面两句，而加上上面两句后以前有些效果就失效啦！比如用CSS做按钮的细线框加上上面两句就没有效果啦，至于上面两句做什么用我没有研究，所以，我一般都把上面两句去掉！大家可以说说为什么吗？