漂亮的提示信息（带箭头）

</p> <p>.tableborder7{width:800;solid; background-color: #000000;}<br /> td{font-family: 宋体;font-size: 12px;line-height : 15px ;}<br /> th{background-color: #f7f7f7;color: #000000;font-size: 12px;font-weight:bold;}<br /> th.th1{background-color: #333333;}<br /> td.tablebody7{background-color: #b1ea45;} </p> <p>//more javascript from //www.jb51.net<br /> <!--<br /> var pltspop=null;<br /> var pltsoffsetx = 10; // 弹出窗口位于鼠标左侧或者右侧的距离；3-12 合适<br /> var pltsoffsety = 15; // 弹出窗口位于鼠标下方的距离；3-12 合适<br /> var pltspopbg="#ffffee"; //背景色<br /> var pltspopfg="#111111"; //前景色<br /> var pltstitle="";<br /> document.write(''); </p> <p>function pltsinits()<br /> {<br /> document.onmouseover = plts;<br /> document.onmousemove = movetomouseloc;<br /> } </p> <p>function plts()<br /> { var o=event.srcelement;<br /> if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};<br /> if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};<br /> pltspop=o.dypop;<br /> if(pltspop!=null&&pltspop!=""&&typeof(pltspop)!="undefined")<br /> {<br /> pltstiplayer.style.left=-1000;<br /> pltstiplayer.style.display='';<br /> var msg=pltspop.replace(/\n/g,"<br /> ");<br /> msg=msg.replace(/\0x13/g,"<br /> ");<br /> var re=/\{(.[^\{]*)\}/ig;<br /> if(!re.test(msg))pltstitle="<font color="#ffffff">简介</font>";<br /> else{<br /> re=/\{(.[^\{]*)\}(.*)/ig;<br /> pltstitle=msg.replace(re,"$1")+" ";<br /> re=/\{(.[^\{]*)\}/ig;<br /> msg=msg.replace(re,"");<br /> msg=msg.replace("<br /> ","");}<br /> //var attr=(document.location.tostring().tolowercase().indexof("list.asp")>0?"nowrap":"");<br /> var content =<br /> '</p> <table id="tooltiptalbe" border="0"> <tr> <td width="100%"> <table class="tableborder7" cellspacing="1" cellpadding="0" style="width:100%">'+<br /> '</p> <tr id="pltspoptop"> <th height="18" valign="bottom" class="th1"><b></p> <p id="topleft" align="left"><font color="#ffffff">↖</font>'+pltstitle+'</p> <p id="topright" align="right">'+pltstitle+'<font color="#ffffff">↗</font></b></th> </tr> <p>'+<br /> '</p> <tr> <td class="tablebody7" style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+msg+'</td> </tr> <p>'+<br /> '</p> <tr id="pltspopbot"> <th height="18" valign="bottom" class="th1"><b></p> <p id="botleft" align="left"><font color="#ffffff">↙</font>'+pltstitle+'</p> <p id="botright" align="right">'+pltstitle+'<font color="#ffffff">↘</font></b></th> </tr> <p>'+<br /> '</table> </td> </tr> </table> <p>';<br /> pltstiplayer.innerhtml=content;<br /> tooltiptalbe.style.width=math.min(pltstiplayer.clientwidth,document.body.clientwidth/2.2);<br /> movetomouseloc();<br /> return true;<br /> }<br /> else<br /> {<br /> pltstiplayer.innerhtml='';<br /> pltstiplayer.style.display='none';<br /> return true;<br /> }<br /> } </p> <p>function movetomouseloc()<br /> {<br /> if(pltstiplayer.innerhtml=='')return true;<br /> var mousex=event.x;<br /> var mousey=event.y;<br /> //window.status=event.y;<br /> var popheight=pltstiplayer.clientheight;<br /> var popwidth=pltstiplayer.clientwidth;<br /> if(mousey+pltsoffsety+popheight>document.body.clientheight)<br /> {<br /> poptopadjust=-popheight-pltsoffsety*1.5;<br /> pltspoptop.style.display="none";<br /> pltspopbot.style.display="";<br /> }<br /> else<br /> {<br /> poptopadjust=0;<br /> pltspoptop.style.display="";<br /> pltspopbot.style.display="none";<br /> }<br /> if(mousex+pltsoffsetx+popwidth>document.body.clientwidth)<br /> {<br /> popleftadjust=-popwidth-pltsoffsetx*2;<br /> topleft.style.display="none";<br /> botleft.style.display="none";<br /> topright.style.display="";<br /> botright.style.display="";<br /> }<br /> else<br /> {<br /> popleftadjust=0;<br /> topleft.style.display="";<br /> botleft.style.display="";<br /> topright.style.display="none";<br /> botright.style.display="none";<br /> }<br /> pltstiplayer.style.left=mousex+pltsoffsetx+document.body.scrollleft+popleftadjust;<br /> pltstiplayer.style.top=mousey+pltsoffsety+document.body.scrolltop+poptopadjust;<br /> return true;<br /> }<br /> pltsinits();<br /> //--> </p> <p>蝶恋花 </p> <p>