mouse_on_title.js_Javascript教程-查字典教程网
mouse_on_title.js
mouse_on_title.js
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varpltsPop=null;varpltsoffsetX=5;//弹出窗口位于鼠标左侧或者右侧的距离;3-12合适va...

复制代码 代码如下:

varpltsPop=null;

varpltsoffsetX=5;//弹出窗口位于鼠标左侧或者右侧的距离;3-12合适

varpltsoffsetY=5;//弹出窗口位于鼠标下方的距离;3-12合适

varpltsPopbg="#FFffff";//背景色

varpltsPopfg="#880000";//前景色

varpltsTitle="";

document.write('<divid=pltsTipLayer></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(/x13/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>","");}

varattr=(document.location.toString().toLowerCase().indexOf("")>0?"nowrap":"");

varcontent=

'<tableid=toolTipTalbe><tr><tdwidth="100%"><tableclass=tdrcellspacing="0"cellpadding="0"border=0>'+

'<trid=pltsPoptop><thheight=25valign=bottomclass=tdr><pid=topleftalign=left>'+pltsTitle+'</p><pid=toprightalign=right>'+pltsTitle+'</th></tr>'+

'<tr><td"+attr+"class=bg_tdr>'+Msg+'</td></tr>'+

'<trid=pltsPopbot><thheight=25valign=bottomclass=tdr><pid=botleftalign=left>'+pltsTitle+'</p><pid=botrightalign=right>'+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;

pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust;

returntrue;

}

pltsinits();

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类