管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

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

<style> 
.tableBorder7{width:800;solid; background-color: #000000;} 
TD{font-family: 宋体;font-size: 12px;line-height : 15px ;} 
th{background-color: #f7f7f7;color: #000000;font-size: 12px;font-weight:bold;} 
th.th1{background-color: #333333;} 
td.TableBody7{background-color: #B1EA45;} 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%0D%0A%2F%2Fmore%20javascript%20from%20http%3A%2F%2Fwww.glzy8.com%20%0D%0A%3C!--%20%0D%0Avar%20pltsPop%3Dnull%3B%20%0D%0Avar%20pltsoffsetX%20%3D%2010%3B%20%20%20%2F%2F%20%E5%BC%B9%E5%87%BA%E7%AA%97%E5%8F%A3%E4%BD%8D%E4%BA%8E%E9%BC%A0%E6%A0%87%E5%B7%A6%E4%BE%A7%E6%88%96%E8%80%85%E5%8F%B3%E4%BE%A7%E7%9A%84%E8%B7%9D%E7%A6%BB%EF%BC%9B3-12%20%E5%90%88%E9%80%82%20%0D%0Avar%20pltsoffsetY%20%3D%2015%3B%20%20%2F%2F%20%E5%BC%B9%E5%87%BA%E7%AA%97%E5%8F%A3%E4%BD%8D%E4%BA%8E%E9%BC%A0%E6%A0%87%E4%B8%8B%E6%96%B9%E7%9A%84%E8%B7%9D%E7%A6%BB%EF%BC%9B3-12%20%E5%90%88%E9%80%82%20%0D%0Avar%20pltsPopbg%3D%22%23FFFFEE%22%3B%20%2F%2F%E8%83%8C%E6%99%AF%E8%89%B2%20%0D%0Avar%20pltsPopfg%3D%22%23111111%22%3B%20%2F%2F%E5%89%8D%E6%99%AF%E8%89%B2%20%0D%0Avar%20pltsTitle%3D%22%22%3B%20%0D%0Adocument.write('%3Cdiv%20id%3DpltsTipLayer%20style%3D%22display%3A%20none%3Bposition%3A%20absolute%3B%20z-index%3A10001%22%3E%3C%2Fdiv%3E')%3B%20%0D%0A%0D%0Afunction%20pltsinits()%20%0D%0A%7B%20%0D%0A%20%20%20%20document.onmouseover%20%20%20%3D%20plts%3B%20%0D%0A%20%20%20%20document.onmousemove%20%3D%20moveToMouseLoc%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20plts()%20%0D%0A%7B%20%20var%20o%3Devent.srcElement%3B%20%0D%0A%20%20%20%20if(o.alt!%3Dnull%20%26%26%20o.alt!%3D%22%22)%7Bo.dypop%3Do.alt%3Bo.alt%3D%22%22%7D%3B%20%0D%0A%20%20%20%20if(o.title!%3Dnull%20%26%26%20o.title!%3D%22%22)%7Bo.dypop%3Do.title%3Bo.title%3D%22%22%7D%3B%20%0D%0A%20%20%20%20pltsPop%3Do.dypop%3B%20%0D%0A%20%20%20%20if(pltsPop!%3Dnull%26%26pltsPop!%3D%22%22%26%26typeof(pltsPop)!%3D%22undefined%22)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20pltsTipLayer.style.left%3D-1000%3B%20%0D%0A%20%20%20%20%20%20%20pltsTipLayer.style.display%3D''%3B%20%0D%0A%20%20%20%20%20%20%20var%20Msg%3DpltsPop.replace(%2F%5Cn%2Fg%2C%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%20%20%20Msg%3DMsg.replace(%2F%5C0x13%2Fg%2C%22%0D%0A%22)%3B%20%0D%0A%20%20%20%20%20%20%20var%20re%3D%2F%5C%7B(.%5B%5E%5C%7B%5D*)%5C%7D%2Fig%3B%20%0D%0A%20%20%20%20%20%20%20if(!re.test(Msg))pltsTitle%3D%22%3Cfont%20color%3D%23ffffff%3E%E7%AE%80%E4%BB%8B%3C%2Ffont%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20else%7B%20%0D%0A%20%20%20%20%20%20%20%20%20re%3D%2F%5C%7B(.%5B%5E%5C%7B%5D*)%5C%7D(.*)%2Fig%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20pltsTitle%3DMsg.replace(re%2C%22%241%22)%2B%22%20%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20re%3D%2F%5C%7B(.%5B%5E%5C%7B%5D*)%5C%7D%2Fig%3B%20%0D%0A%20%20%20%20%20%20%20%20%20Msg%3DMsg.replace(re%2C%22%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20Msg%3DMsg.replace(%22%0D%0A%22%2C%22%22)%3B%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%2F%2Fvar%20attr%3D(document.location.toString().toLowerCase().indexOf(%22list.asp%22)%3E0%3F%22nowrap%22%3A%22%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20content%20%3D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Ctable%20style%3D%22FILTER%3Aalpha(opacity%3D90)%20shadow(color%3D%23bbbbbb%2Cdirection%3D135)%3B%22%20id%3DtoolTipTalbe%20border%3D0%3E%3Ctr%3E%3Ctd%20width%3D%22100%25%22%3E%3Ctable%20class%3DtableBorder7%20cellspacing%3D%221%22%20cellpadding%3D%220%22%20style%3D%22width%3A100%25%22%3E'%2B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Ctr%20id%3DpltsPoptop%20%3E%3Cth%20height%3D18%20valign%3Dbottom%20class%3Dth1%20%3E%3Cb%3E%3Cp%20id%3Dtopleft%20align%3Dleft%3E%3Cfont%20color%3D%23ffffff%3E%E2%86%96%3C%2Ffont%3E'%2BpltsTitle%2B'%3C%2Fp%3E%3Cp%20id%3Dtopright%20align%3Dright%20style%3D%22display%3Anone%22%3E'%2BpltsTitle%2B'%3Cfont%20color%3D%23ffffff%3E%E2%86%97%3C%2Ffont%3E%3C%2Fb%3E%3C%2Fth%3E%3C%2Ftr%3E'%2B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Ctr%3E%3Ctd%20%22%2Battr%2B%22%20class%3Dtablebody7%20style%3D%22padding-left%3A14px%3Bpadding-right%3A14px%3Bpadding-top%3A%206px%3Bpadding-bottom%3A6px%3Bline-height%3A135%25%22%3E'%2BMsg%2B'%3C%2Ftd%3E%3C%2Ftr%3E'%2B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20'%3Ctr%20id%3DpltsPopbot%20style%3D%22display%3Anone%22%3E%3Cth%20height%3D18%20valign%3Dbottom%20class%3Dth1%3E%3Cb%3E%3Cp%20id%3Dbotleft%20align%3Dleft%3E%3Cfont%20color%3D%23ffffff%3E%E2%86%99%3C%2Ffont%3E'%2BpltsTitle%2B'%3C%2Fp%3E%3Cp%20id%3Dbotright%20align%3Dright%20style%3D%22display%3Anone%22%3E'%2BpltsTitle%2B'%3Cfont%20color%3D%23ffffff%3E%E2%86%98%3C%2Ffont%3E%3C%2Fb%3E%3C%2Fth%3E%3C%2Ftr%3E'%2B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20'%3C%2Ftable%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20pltsTipLayer.innerHTML%3Dcontent%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20toolTipTalbe.style.width%3DMath.min(pltsTipLayer.clientWidth%2Cdocument.body.clientWidth%2F2.2)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20moveToMouseLoc()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20true%3B%20%0D%0A%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20else%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20pltsTipLayer.innerHTML%3D''%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20pltsTipLayer.style.display%3D'none'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20true%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0A%0D%0A%0D%0Afunction%20moveToMouseLoc()%20%0D%0A%7B%20%0D%0A%20%20%20%20%20%20%20if(pltsTipLayer.innerHTML%3D%3D'')return%20true%3B%20%0D%0A%20%20%20%20%20%20%20var%20MouseX%3Devent.x%3B%20%0D%0A%20%20%20%20%20%20%20var%20MouseY%3Devent.y%3B%20%0D%0A%20%20%20%20%20%20%20%2F%2Fwindow.status%3Devent.y%3B%20%0D%0A%20%20%20%20%20%20%20var%20popHeight%3DpltsTipLayer.clientHeight%3B%20%0D%0A%20%20%20%20%20%20%20var%20popWidth%3DpltsTipLayer.clientWidth%3B%20%0D%0A%20%20%20%20%20%20%20if(MouseY%2BpltsoffsetY%2BpopHeight%3Edocument.body.clientHeight)%20%0D%0A%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20popTopAdjust%3D-popHeight-pltsoffsetY*1.5%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20pltsPoptop.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20pltsPopbot.style.display%3D%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20else%20%0D%0A%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20popTopAdjust%3D0%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20pltsPoptop.style.display%3D%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20pltsPopbot.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20if(MouseX%2BpltsoffsetX%2BpopWidth%3Edocument.body.clientWidth)%20%0D%0A%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20popLeftAdjust%3D-popWidth-pltsoffsetX*2%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20topleft.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20botleft.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20topright.style.display%3D%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20botright.style.display%3D%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20else%20%0D%0A%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20popLeftAdjust%3D0%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20topleft.style.display%3D%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20botleft.style.display%3D%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20topright.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20botright.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20pltsTipLayer.style.left%3DMouseX%2BpltsoffsetX%2Bdocument.body.scrollLeft%2BpopLeftAdjust%3B%20%0D%0A%20%20%20%20%20%20%20pltsTipLayer.style.top%3DMouseY%2BpltsoffsetY%2Bdocument.body.scrollTop%2BpopTopAdjust%3B%20%0D%0A%20%20%20%20%20%20%20%20%20return%20true%3B%20%0D%0A%7D%20%0D%0Apltsinits()%3B%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E">

</HEAD>

<BODY> 
<div title="醉别西楼醒不记，春梦秋云，聚散真容易。
斜月半窗还少睡。画屏闲展吴山翠。
衣上酒痕诗里字，点点行行，总是凄凉意。
红烛自怜无好计，夜寒空替人垂泪。">蝶恋花</div> 
</BODY> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程