• 网站首页漂浮窗口的代码


    <div id="ad" style="position:absolute"><a href=http://www.sunsprite.net target="_blank"><img src="img01.gif" border="0"></a></div>
    <script>
    var x = 50,y = 60
    var xin = true, yin = true
    var step = 1
    var delay = 10
    var obj=document.getElementById("ad")
    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
    obj.style.top
    = y + document.body.scrollTop
    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 }
    }
    var itl= setInterval("floatAD()", delay)
    obj.onmouseover
    =function(){clearInterval(itl)}
    obj.onmouseout
    =function(){itl=setInterval("floatAD()", delay)}
    </script>

    代码分析:
    <div id="ad" style="position:absolute"><a href=http://www.sunsprite.net target="_blank"><img src="img01.gif" border="0"></a></div>
    <script>
    var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标
    var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
    var step = 1 //层移动的步长,值越大移动速度越快
    var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快
    var obj=document.getElementById("ad") //捕获id为ad的层作为漂浮目标
    function floatAD() {
    var L=T=0 //层移动范围的左边界(L)和上边界(T)坐标

    

  • 相关阅读:
    nginx安装
    虚拟机下Linux的NAT网络配置 及显示红叉
    eclipse常用快捷键
    MongoDB笔记
    Pytorch 之 MNIST 数据集实现(代码讲解)
    [python][科学计算][matplotlib]使用指南
    梯度计算
    第一次神经网络作业,神经网络预测图片是否为猫的代码实现
    KVM监控完善
    Zabbix表结构,zabbix api获取主机信息vs直接从数据库获取主机信息
  • 原文地址:https://www.cnblogs.com/tangge/p/1956281.html
Copyright © 2020-2023  润新知