JS设置title的样式

摘抄vs转载

JS设置title的样式

2009年05月15日 星期五 12:31

将以下代码拷到你的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>