zoukankan      html  css  js  c++  java
  • 图片提示预览效果

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML><HEAD><TITLE>测试</TITLE>
    <SCRIPT language=JavaScript>
    var pltsPop=null;
    var pltsoffsetX = 10;
    var pltsoffsetY = 15;
    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="";
     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 style="FILTER:alpha(opacity=80) shadow(color=#bbbbbb,direction=150);" id=toolTipTalbe border=0><tr><td width="100%"><table class=selet_bg cellspacing="0" cellpadding="0" style="100%" style="font size:9pt;">'+
           '<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+'¨J</font></th></tr>'+
           '<tr><td "+attr+" class=f_one 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>¨L'+pltsTitle+'</p><p id=botright align=right style="display:none">'+pltsTitle+'¨K</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();
    </SCRIPT>
    </HEAD>
    <BODY bottomMargin=0 bgColor=#ffffff leftMargin=0 topMargin=0 rightMargin=0>
    <IMG height=120 alt="<img border='0' src='http://www.cps800.com/subject/tielu/images/mainbanner.gif'>" src="http://www.cps800.com/subject/tielu/images/mainbanner.gif" width=120 border=0>
    </BODY></HTML>

  • 相关阅读:
    php pcntl 多进程学习
    php socket 学习
    linux 常用alias
    php 设置一个函数的最大运行时间
    QTableView 一列添加两个按钮
    翻译qmake文档 目录
    翻译qmake文档(四) Building Common Project Types
    算法时间复杂度
    翻译qmake文档(三) Creating Project Files
    Caliburn.Micro学习笔记目录
  • 原文地址:https://www.cnblogs.com/MaxIE/p/645026.html
Copyright © 2011-2022 走看看