mouse_on_title.js

2018-09-24 21:42

阅读:477

  复制代码 代码如下:
varpltsPop=null;
varpltsoffsetX=5;//弹出窗口位于鼠标左侧或者右侧的距离;3-12合适
varpltsoffsetY=5;//弹出窗口位于鼠标下方的距离;3-12合适
varpltsPopbg=#FFffff;//背景色
varpltsPopfg=#880000;//前景色
varpltsTitle=;
document.write(<divid=pltsTipLayerstyle=display:none;position:absolute;z-index:10001></div>);
functionpltsinits()
{
document.onmouseover=plts;
document.onmousemove=moveToMouseLoc;
}
functionplts()
{varo=event.srcElement;
if(o.alt!=null&&o.alt!=){o.dypop=o.alt;o.alt=};
if(o.title!=null&&o.title!=){o.dypop=o.title;o.title=};
pltsPop=o.dypop;
if(pltsPop!=null&&pltsPop!=&&typeof(pltsPop)!=undefined)
{
pltsTipLayer.style.left=-20;
pltsTipLayer.style.display=;
varMsg=pltsPop.replace(/\n/g,<br>);
Msg=Msg.replace(/\0x13/g,<br>);
varre=/\{(.[^\{]*)\}/ig;
if(!re.test(Msg))pltsTitle=;
else{
re=/\{(.[^\{]*)\}(.*)/ig;
pltsTitle=Msg.replace(re,$1)+;
re=/\{(.[^\{]*)\}/ig;
Msg=Msg.replace(re,);
Msg=Msg.replace(<br>,);}
varcontent=
<tablestyle=FILTER:alpha(opacity=90)shadow(color=#6f6f6f,direction=135);id=toolTipTalbe><tr><tdwidth=100%><tableclass=tdrcellspacing=0cellpadding=0border=0style=width:100%>+
<trid=pltsPoptop><thheight=25valign=bottomclass=tdr><pid=topleftalign=left>+pltsTitle+</p><pid=toprightalign=rightstyle=display:none>+pltsTitle+</th></tr>+
<tr><td+attr+class=bg_tdrstyle=padding-left:14px;padding-right:14px;padding-top:6px;padding-bottom:6px;line-height:135%>+Msg+</td></tr>+
<trid=pltsPopbotstyle=display:none><thheight=25valign=bottomclass=tdr><pid=botleftalign=left>+pltsTitle+</p><pid=botrightalign=rightstyle=display:none>+pltsTitle+</th></tr>+
</table></td></tr></table>;
pltsTipLayer.innerHTML=content;
toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2);
moveToMouseLoc();
returntrue;
}
else
{
pltsTipLayer.innerHTML=;
pltsTipLayer.style.display=none;
returntrue;
}
}

functionmoveToMouseLoc()
{
if(pltsTipLayer.innerHTML==)returntrue;
varMouseX=event.x;
varMouseY=event.y;
//window.status=event.y;
varpopHeight=pltsTipLayer.clientHeight;
varpopWidth=pltsTipLayer.clientWidth;
if(MouseY+pltsoffsetY+popHeight>document.body.clientHeight)
{
popTopAdjust=-popHeight-pltsoffsetY*1.5;
pltsPoptop.style.display=none;
pltsPopbot.style.display=;
}
else
{
popTopAdjust=0;
pltsPoptop.style.display=;
pltsPopbot.style.display=none;
}
if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth)
{
popLeftAdjust=-popWidth-pltsoffsetX*2;
topleft.style.display=none;
botleft.style.display=none;
topright.style.display=;
botright.style.display=;
}
else
{
popLeftAdjust=0;
topleft.style.display=;
botleft.style.display=;
topright.style.display=none;
botright.style.display=none;
}
pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust;
returntrue;
}
pltsinits();


评论


亲,登录后才可以留言!