zoukankan      html  css  js  c++  java
  • 飘窗代码

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>飘窗代码</title>
    </head>
    
    <body>
    <div id="FlAD" style="position:absolute; z-index:10;left: 100; top: 100" > <span style="color:red; float:right; font-size:12px; cursor:pointer;" onClick="img.style.visibility = 'hidden'">关闭</span><br />
      <a href="#" target="_blank" title="文字"> <img src="http://210.75.213.166/Portals/0/2010images/2011lh.gif" width="160" border="0" alt="" /></a></div>
    <script type="text/javascript">
    <!--Begin
    var img = document.getElementById('FlAD');
    var xPos = 200;
    var yPos = 200;
    var step = 1;
    var delay = 40;
    var height = 0;
    var Hoffset = 0;
    var Woffset = 0;
    var yon = 0;
    var xon = 0;
    var pause = true;
    var interval;
    img.style.top = yPos;
    function changePos() {
    width = document.documentElement.clientWidth || document.body.clientWidth;
    height = document.documentElement.clientHeight || document.body.clientHeight;
    scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
    scrollTop = document.documentElement.scrollLeft || document.body.scrollTop;
    Hoffset = img.offsetHeight;
    Woffset = img.offsetWidth;
    img.style.left = xPos + scrollLeft +'px';
    img.style.top = yPos + scrollTop +'px';
    if (yon) {
    yPos = yPos + step;
    } else {
    yPos = yPos - step;
    }
    if (yPos < 0) {
    yon = 1;
    yPos = 0;
    }
    if (yPos >= (height - Hoffset)) {
    yon = 0;
    yPos = (height - Hoffset);
    }
    if (xon) {
    xPos = xPos + step;
    } else {
    xPos = xPos - step;
    }
    if (xPos < 0) {
    xon = 1;
    xPos = 0;
    }
    if (xPos >= (width - Woffset)) {
    xon = 0;
    xPos = (width - Woffset);
    }
    }
    function start() {
    img.visibility = "visible";
    interval = setInterval('changePos()', delay);
    }
    start();
    </script>
    </body>
    </html>
  • 相关阅读:
    Javascript 如何识别数组
    新手 如何搭建一个vue项目详解
    javasScript 七种数据类型
    WPF实现动画的几种方式及其小案例
    问题清单
    2020软件工程个人作业06——软件工程实践总结作业
    我的“捡漏”生涯——小黄衫篇
    2020软件工程作业05
    2020软件工程作业03
    Python: list indices must be integers or slices, not float问题
  • 原文地址:https://www.cnblogs.com/yjhua/p/4623548.html
Copyright © 2011-2022 走看看