在ie6下设置select框的title或alt会抛出异常,在ie8下无此问题。而客户大多数还是使用xp系统,因此很多客户端都是ie6,因此title提示的问题还是要解决,解决办法如下
<html> <SCRIPT> var innerhtm = '<div id="showtip" style="position:absolute;display:none;"><table style="background:#FDFDDF; border:1px solid #AFB799; font-family:verdana; font-size:70%;color=#111;" cellspacing="0" cellpadding="0" border=0><tr><td style="height:18px;padding:3px;background:#147B95;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#147B95,style=1;);"></td></tr><tr><td style="padding:4px;"></td></tr></table></div>'; document.write(innerhtm); function showTitle(ev,title, content) { ev = ev||window.event; var mousePos = mouseCoords(ev); mpx=mousePos.x+6; mpy=mousePos.y+6; var divobj = document.getElementById("showtip"); divobj.style.display = "block"; divobj.style.left = mpx+"px"; divobj.style.top = mpy+"px"; divobj.getElementsByTagName("table")[0].rows[0].cells[0].innerHTML = title; divobj.getElementsByTagName("table")[0].rows[1].cells[0].innerHTML = content; } function hideTitle(){ document.getElementById("showtip").style.display = "none"; } function mouseCoords(ev){ if(ev.pageX||ev.pageY){return {x:ev.pageX, y:ev.pageY};} return {x:ev.clientX + document.documentElement.scrollLeft,y:ev.clientY + document.documentElement.scrollTop} } </SCRIPT> <body style="background:#DAE1AB;"> <select onmousemove="showTitle(event,'IP地址', '192.168.1.1<br>192.168.12.202<br>127.0.0.1');" onmouseout="hideTitle()">使用示例,将鼠标移动到这里</select> </html>
效果图