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

  • 相关阅读:
    NYOJ232 How to eat more Banana
    NYOJ716 River Crossing(第六届河南省程序设计大赛)
    HDOJ1847 Good Luck in CET4 Everybody!
    NYOJ234 吃土豆
    HDOJ1850Being a Good Boy in Spring Festival
    HDOJ2176 取(m堆)石子游戏
    NYOJ78 圈水池(简单凸包)
    POJ1656 Counting Black (二维树状数组)
    HDOJ1892 See you~(二维树状数组)
    取石子问题 – 1堆
  • 原文地址:https://www.cnblogs.com/zerogo/p/2209353.html
Copyright © 2011-2022 走看看