zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    哀悼:设置我们的blog为银灰色
    五子棋算法详解——解决方案之二
    ActionScript3使用角度值控制游戏角色的动作和移动
    LR12中快照的一点使用
    转义字符的一些应用
    关联的一些设置及实践
    检查点函数实践
    LR12的log解释
    struts2的强大迭代标签:<s:iterator>
    正则表达式30分钟入门
  • 原文地址:https://www.cnblogs.com/coolen/p/2997008.html
Copyright © 2011-2022 走看看