来自博客园
一个页面上往往有很多链接、按钮，如果没有任何提示信息，会让人很迷茫。虽然IE也带提示功能，只要给title属性赋值，如下代码
<a href="#" title="this a test">自带的提示</a>如何定制提示信息，说起来很简单，先画出提示信息层，然后定位到目标对象。下面把实现分三部来说明：
1）绘制信息层
有两种方式，一种是静态，把层的html代码写在文档中，另外一种是动态，运用javascript脚本动态的创建层。静态方式简单，不灵活，动态的灵活，但比较困难，需要熟悉脚本和Dom结构，下面的代码是动态方式创建提示层
function createDivTooltip()
{
var divTips = document.createElement('div');//create div element divTips.id='tooltip'; divTips.style.display='none'//invisible document.body.appendChild(divTips);
}function locate(e){ e=e||window.event; var divTips = document.getElementById('tooltip'); var mousePos=getMousePosition(e);//get the coordinate of the mouse divTips.style.top=mousePos.top-12+"px"; divTips.style.left=mousePos.left-8+"px"; }3）附加事件
<a href="" title="this is a test for tooltip" onmouseover="showTooltip(event);" onmousemove="locate(event);" onmouseout="hideTooltip(event);">click to do something</a>function prepare(id){if(id==null) links=document.getElementsByTagName("a");else links=document.getElementById(id).getElementsByTagName("a");
for(i=0;i<links.length;i++){ attachEvent(links[i]);
}}function attachEvent(link){if(!link) return;link.attachEvent("onmouseover",showTooltip);link.attachEvent("onmousemove",locate);link.attachEvent("onmouseout",hideTooltip);}提供一个示例下载供大家参考，希望有帮助<<示例下载>>
