一个plus js代码,作用是把所有的tooltip格式化后转变一个层,特定输出(效果见http://www.floatfly.cn)

var  pltsPop = null ;
var  pltsoffsetX  =   10 ;
var  pltsoffsetY  =   15 ;
var  pltsPopbg = " #ffff00 " ;
var  pltsPopfg = " #111111 " ;
var  pltsTitle = "" ;
document.write('
< div id = pltsTipLayer style = " display: none;position: absolute; z-index:10001 " ></ div > ');
function  pltsinits()
{
    document.onmouseover   
= plts;
    document.onmousemove 
= moveToMouseLoc;
}

function  plts()
{  var o=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
=-1000;
pltsTipLayer.style.display
='';
var Msg=pltsPop.replace(//n/g,"<br>");
Msg
=Msg.replace(//0x13/g,"<br>");
var re=//{(.[^/{]*)/}/ig;
if(!re.test(Msg))pltsTitle="floatfly个人博客系统";
else{
   re
=//{(.[^/{]*)/}(.*)/ig;
     pltsTitle
=Msg.replace(re,"$1")+"&nbsp;";
   re
=//{(.[^/{]*)/}/ig;
   Msg
=Msg.replace(re,"");
   Msg
=Msg.replace("<br>","");}

  
        
var content =
       '
<table style="FILTER:alpha(opacity=90) shadow(color=#bbbbbb,direction=150);" id=toolTipTalbe border=0><tr><td width="100%"><table class=selet_bg cellspacing="0" cellpadding="0" style="width:100%" style="font size:11px;">'+
       '
<tr id=pltsPoptop><th height=12 valign=bottom class=header><p id=topleft align=left>↖'+pltsTitle+'</p><p id=topright align=right style="display:none">'+pltsTitle+'↗</font></th></tr>'+
       '
<tr><td style="padding-left:10px;padding-right:10px;padding-top: 4px;padding-bottom:4px;line-height:135%">'+Msg+'</td></tr>'+
       '
<tr id=pltsPopbot style="display:none"><th height=12 valign=bottom class=header><p id=botleft align=left>↙'+pltsTitle+'</p><p id=botright align=right style="display:none">'+pltsTitle+'↘</font></th></tr>'+
       '
</table></td></tr></table>';
        pltsTipLayer.innerHTML
=content;
        toolTipTalbe.style.width
=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2);
        moveToMouseLoc();
        
return true;
       }

    
else
    
{
     pltsTipLayer.innerHTML
='';
       pltsTipLayer.style.display
='none';
        
return true;
    }

}


function moveToMouseLoc()
{
if(pltsTipLayer.innerHTML=='')return true;
var MouseX=event.x;
var MouseY=event.y;
//window.status=event.y;
var popHeight=pltsTipLayer.clientHeight;
var popWidth=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;
   
return true;
}

pltsinits();
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值