<?xml version="1.0" encoding="utf-8"?>

<snippet name = "工具提示" description = "用于使消息框显示在访问者的当前鼠标指针所在位置的代码。" preview="code" type="block">

<insertText location="beforeSelection">

<![CDATA[// 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;

}

]]>

</insertText>

<insertText location="afterSelection"><![CDATA[]]>

</insertText>

</snippet>

