onMouseOver="toolTip('输入关键字', 'black', 'black')" onMouseOut="toolTip()"
放在input里

解决方案 »

  1.   

    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="0"><td width="3"><img src="media/images/hint1.gif"></td><td background="media/images/hint2.gif"><font face="sans-serif" color="' + fg +
        '">' + msg +
        '&nbsp;&nbsp;</font></td><td width="2"><img src="media/images/hint3.gif"></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'
        }
      }
    }
      

  2.   

    网站上有啊.<script language="javascript">
    var ns4 = document.layers;
    var ns6 = document.getElementById && !document.all;
    var ie4 = document.all;
    offsetX = 7;
    offsetY = -40;
    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="0"><td width="3"><img src="http://www.evila.org/media/images/hint1.gif"></td><td background="http://www.evila.org/media/images/hint2.gif"><font face="sans-serif" color="' + fg +
        '">' + msg +
        '&nbsp;&nbsp;</font></td><td width="2"><img src="http://www.evila.org/media/images/hint3.gif"></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;
    }
    //-->
    </script>
    <body onload="initToolTips();">
    <input name="Submit" type="submit" class="btn" value="搜索" onMouseOver="toolTip('Search', 'black', 'black')" onMouseOut="toolTip()">
    <div id="toolTipLayer" style="position:absolute; visibility: hidden;"></div>