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'>"> 

  • 相关阅读:
    【二分】XMU 1587 中位数
    【动态规划】XMU 1560 新ACM规则
    【最短路】Vijos P1046 观光旅游
    【递归】Vijos P1114 FBI树(NOIP2004普及组第三题)
    一周多没打代码了。。
    6.4 文件与文件夹操作
    6.3.4 使用marshal 模块操作二进制文件
    6.3.3 使用 shelve 模块操作二进制文件
    6.3.2 使用struct模块读写二进制文件
    6.3.1 使用 pickle 模块读写二进制文件
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209353.html
Copyright © 2011-2022 走看看