• js图片飘动


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>漂浮广告代码</title>
    </head>
    <body>
        <div id="img" style="position: absolute; z-index: 99;">
            <a href="/">
                <img src="/Image/logo_demo1.gif" border="0" alt='img' /></a>
        </div>
        <script language="JavaScript" type="text/javascript">
        <!--        Begin
            var xPos = document.body.clientWidth - 20;
            var yPos = document.body.clientHeight / 2;
            var step = 1;
            var delay = 5;
            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.body.clientWidth;
                height = document.body.clientHeight;
                Hoffset = img.offsetHeight;
                Woffset = img.offsetWidth;
                img.style.left = xPos + document.body.scrollLeft;
                img.style.top = yPos + document.body.scrollTop;
                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();
            img.onmouseover = function () {
                clearInterval(interval);
                interval = null;
            }
            img.onmouseout = function () {
                interval = setInterval('changePos()', delay);
            }
        //  End -->
        </script>
    </body>
    </html>

  • 相关阅读:
    《你不知道的javascript》读书笔记2
    你不知道的console调试
    《你不知道的javascript》读书笔记1
    使用js做LeetCode
    用装饰器来进行登录验证
    python 解压序列
    pycharm 的live_template的使用
    faker 库的使用
    Python常用内置类和常用内置函数汇总
    迭代器 ,生成器(生成器函数/生成器表达式)
  • 原文地址:https://www.cnblogs.com/coolen/p/2997008.html
Copyright © 2020-2023  润新知