zoukankan      html  css  js  c++  java
  • js div asp.net 实现漂浮图片,可以代码控制。

    <div id="fudongand" style="position:absolute;"><!--一定要写宽度-->
    <script type="text/javascript">
    function hidefudongand(){
    document.getElementById("fudongand").style.display="none";
    }
    </script>
       <div>
       <a href='<%=imgUrl%>' target="_blank"><!--imgUrl, imgSrc,imgWidth,imgHeight 这些只是后置代码中受保护的变量对象。-->
          <img src='<%=imgSrc%>' alt="" border="0" width='<%=imgWidth%>' height='<%=imgHeight%>' />
       </a>
       </div>
       <div width='<%=imgWidth%>' style="text-align:right">
       <span style="CURSOR:pointer;color:red;" onclick="hidefudongand();">关闭</span>
       </div>  
    </div>
    <script type="text/javascript">
       var x = 50,y = 60;
       var xin = true, yin = true;
       var step = 1;//层移动的步长,值越大移动速度越快
       var delay = 20;//层移动的时间间隔,单位为毫秒,值越小移动速度越快
       var obj=document.getElementById("fudongand");
       function floatAD()
       {
          var L=T=0;
          var R= document.body.clientWidth-obj.offsetWidth;
          var B = document.body.clientHeight-obj.offsetHeight;
          obj.style.left = x + document.body.scrollLeft + "px";
          obj.style.top = y + document.body.scrollTop +"px";
          x = x + step*(xin?1:-1);
          if (x < L) { xin = true; x = L;}
          if (x > R){ xin = false; x = R;}
          y = y + step*(yin?1:-1)
          if (y < T) { yin = true; y = T; }
          if (y > B) { yin = false; y = B;}
       }
       //如果需要显示漂浮广告,请注释掉下面这行代码,然后回复下面那三条已经注释掉的代码
       //document.getElementById("fudongand").style.display="none";
       var itl= setInterval("floatAD()", delay);
       obj.onmouseover=function(){clearInterval(itl)}
       obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
    </script>
  • 相关阅读:
    decimal赋值
    "errcode":40001,"errmsg":"invalid credential, access_token is invalid or not latest hint: [d0tQ_02368635
    scope.row中属性值展示
    echarts.baidu 官网
    PowerDesigner使用
    解决 office2016 意外的严重错误 不能启动程序
    Jenkins 关闭和重启
    解决 weblogic poi3.9 报错 a different type with name "javax/xml/namespace/QName"
    WINDOWS7 下 xclient 802.1x 客户端 停止运行的解决办法
    前台进程转后台运行
  • 原文地址:https://www.cnblogs.com/wangzihao/p/1852404.html
Copyright © 2011-2022 走看看