时间:2021-05-26
复制代码 代码如下:
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>","");}
varattr=(document.location.toString().toLowerCase().indexOf("")>0?"nowrap":"");
varcontent=
'<tablestyle="FILTER:alpha(opacity=90)shadow(color=#6f6f6f,direction=135);"id=toolTipTalbe><tr><tdwidth="100%"><tableclass=tdrcellspacing="0"cellpadding="0"border=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;
pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust;
returntrue;
}
pltsinits();
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
演示地址:http://demo.jb51.net/js/mouse/index.html打包下载地址https://www.jb51.net/jiaoben/
//这是JS里的代码MOMO.js因为刚学封装JQUERY插件所以就做的稍微麻烦一点,其实在前台页面直接就可以用mouseover,mouseout,mouse
本文实例讲述了JS实现超简洁网页title标题跑动闪烁提示效果代码。分享给大家供大家参考,具体如下:这里演示不几行JS代码实现的网页Title文字跑动效果,类似
复制代码代码如下:prowin.js/***@authorldgmc*/functionPopWin(id,width,title){this.id=id;th
Jquery代码复制代码代码如下:$("title").html("hello");后来只好用下面这段js代码来实现Js代码复制代码代码如下:document.