将以下代码拷到你的HTML中
怎么用呢?
<td title="adfsdfsdfsdfsd"></td>
这时候td 里面的title 自动调用js处理
<script language="JavaScript" type="text/JavaScript">
var oPopup = window.createPopup();
var sPop = null;
function showPopupWin()
{
var tPopWait=250; //这里设定鼠标停留多长时间出现提示(系统alt和title延迟时间为500毫秒)
var o=event.srcElement;
if(o.alt!=null && o.alt!=""){o.sPop=o.alt;o.alt="";}
if(o.title!=null && o.title!=""){o.sPop=o.title;o.title="";}
if(sPop!=o.sPop) sPop=o.sPop;
if(sPop==null || sPop=="")
oPopup.hide(); //Hidden
else
setTimeout("showIt("+event.x+","+event.y+")",tPopWait);
}
function showIt(MouseX,MouseY)
{
if(sPop)
{
var foreColor="#333333"; //字符颜色
var backColor="#FEFBE7"; //背景色
var borderColor="#FAF4C7"; //边框颜色
var maxWidth=1000; //这里设定提示信息的最大宽度(系统alt和title的宽度大约为295)
var content1 ="<table border='0' cellspacing='1' cellpadding='3' bgcolor='" + borderColor + "'><td bgcolor='" + backColor + "' style='color:" + foreColor + "; font-size:12px; font-family: Verdana; line-height:120%' nowrap>" + sPop + "</td></table>";
var content2 ="<table border='0' cellspacing='1' cellpadding='3' bgcolor='" + borderColor + "' width='" + maxWidth + "'><td bgcolor='" + backColor + "' style='color:" + foreColor + "; font-size:12px; font-family: Verdana; line-height:120%'>" + sPop + "</td></table>";
oPopup.document.body.innerHTML=content1;
oPopup.show(); //初始化
var left = MouseX + 0;
var top = MouseY + 20;
var width = oPopup.document.body.scrollWidth;
var height = oPopup.document.body.scrollHeight;
if(width>maxWidth)
{
oPopup.document.body.innerHTML=content2;
width = oPopup.document.body.scrollWidth;
height = oPopup.document.body.scrollHeight;
}
oPopup.show(left, top, width, height, document.body);
}
}
document.onmouseover = showPopupWin;
</script>