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>

  • 相关阅读:
    Sql server char,nchar,varchar与Nvarchar的区别
    关于sysprocesses表各字段的作用
    多台子服务器更新中央服务器
    [转自MSDN]根据FxCop整理的.NET代码编写规范
    【原】Winfrom的自动更新模块
    Silverlight 3和Expression 3将于7月10日发布
    【转蝈蝈俊.net 】SQL Server 2005 配置发送邮件
    WF4.0 RC 官方示例
    [转]Ubuntu Server下如何安装图形界面?
    [原]linux下如何查看本机IP,gateway,DNS
  • 原文地址:https://www.cnblogs.com/coolen/p/2997008.html
Copyright © 2011-2022 走看看