zoukankan      html  css  js  c++  java
  • 又一个鼠标感应大图

    没什么特殊的效果,不过位置比较好。不会乱。

    在需要的页面加<SCRIPT language=JavaScript
    src="Mouse.js"></SCRIPT>

    文件如下:

    var pltsPop=null;
    var pltsoffsetX = 10;
    var pltsoffsetY = 12;
    var pltsPopbg="#FFFFEE";
    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="┥http://www.KinyBeads.com┝";
     else{
       re=//{(.[^/{]*)/}(.*)/ig;
         pltsTitle=Msg.replace(re,"$1")+"&nbsp;";
       re=//{(.[^/{]*)/}/ig;
       Msg=Msg.replace(re,"");
       Msg=Msg.replace("<br>","");}
       var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
            var content =
           '<table id=toolTipTalbe border=0 ><tr><td ><table cellspacing="1" cellpadding="0" style="font-size:12px;" width="428" height="343">'+
            '<tr><td  align="center" valign="top" background="img/prbig11.gif" style="padding-top:15px" >'+Msg+'</td></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;
     }
      else
     {
         popTopAdjust=0;
     }
     if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth)
     {
      popLeftAdjust=-popWidth-pltsoffsetX*2;
     }
     else
     {
      popLeftAdjust=0;
     }
     pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust;
     pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust;
       return true;
    }
    pltsinits();

    感应地方很简单

    <img src="image/skype.jpg" border="0" alt="<img src='image/skype.jpg'>"> 

  • 相关阅读:
    yii 引入文件
    CodeForces 621C Wet Shark and Flowers
    面试题题解
    POJ 2251 Dungeon Master
    HDU 5935 Car(模拟)
    HDU 5938 Four Operations(暴力枚举)
    CodeForces 722C Destroying Array(并查集)
    HDU 5547 Sudoku(dfs)
    HDU 5583 Kingdom of Black and White(模拟)
    HDU 5512 Pagodas(等差数列)
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209353.html
Copyright © 2011-2022 走看看