Home  >  Article  >  Web Front-end  >  mouse_on_title.js_Typical special effects

mouse_on_title.js_Typical special effects

PHP中文网
PHP中文网Original
2016-05-16 19:27:021137browse

复制代码 代码如下:

var pltsPop=null; 
var pltsoffsetX = 5;   // 弹出窗口位于鼠标左侧或者右侧的距离;3-12 合适 
var pltsoffsetY = 5;  // 弹出窗口位于鼠标下方的距离;3-12 合适 
var pltsPopbg="#FFffff"; //背景色 
var pltsPopfg="#880000"; //前景色 
var pltsTitle=""; 
document.write(&#39;<p id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></p>&#39;); 
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=-20; 
pltsTipLayer.style.display=&#39;&#39;; 
var Msg=pltsPop.replace(/\n/g,"<br>"); 
Msg=Msg.replace(/\0x13/g,"<br>"); 
var re=/\{(.[^\{]*)\}/ig; 
if(!re.test(Msg))pltsTitle=""; 
else{ 
   re=/\{(.[^\{]*)\}(.*)/ig; 
     pltsTitle=Msg.replace(re,"$1")+" "; 
   re=/\{(.[^\{]*)\}/ig; 
   Msg=Msg.replace(re,""); 
   Msg=Msg.replace("<br>","");} 
   var attr=(document.location.toString().toLowerCase().indexOf("")>0?"nowrap":""); 
        var content = 
       &#39;<table style="FILTER:alpha(opacity=90) shadow(color=#6f6f6f,direction=135);" id=toolTipTalbe ><tr><td width="100%"><table class=tdr cellspacing="0" cellpadding="0" border=0 style="width:100%">&#39;+ 
       &#39;<tr id=pltsPoptop ><th height=25 valign=bottom  class=tdr><p id=topleft align=left>&#39;+pltsTitle+&#39;</p><p id=topright align=right style="display:none">&#39;+pltsTitle+&#39;</th></tr>&#39;+ 
       &#39;<tr><td "+attr+" class=bg_tdr style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">&#39;+Msg+&#39;</td></tr>&#39;+ 
       &#39;<tr id=pltsPopbot style="display:none"><th height=25 valign=bottom class=tdr><p id=botleft align=left>&#39;+pltsTitle+&#39;</p><p id=botright align=right style="display:none">&#39;+pltsTitle+&#39;</th></tr>&#39;+ 
       &#39;</table></td></tr></table>&#39;; 
        pltsTipLayer.innerHTML=content; 
        toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2); 
        moveToMouseLoc(); 
        return true; 
       } 
    else 
    { 
     pltsTipLayer.innerHTML=&#39;&#39;; 
       pltsTipLayer.style.display=&#39;none&#39;; 
        return true; 
    } 
} 
function moveToMouseLoc() 
{ 
if(pltsTipLayer.innerHTML==&#39;&#39;)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();

 以上就是mouse_on_title.js_典型特效的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn