zoukankan      html  css  js  c++  java
  • 网站浮动窗口 备忘

    <div id="roll" style="z-index: 200000;text-align:right;">

    <a href="http://www.gjj.dl.gov.cn/icms/null/null/ns:LHQ6LGY6LGM6NDAyODkyMDE1MTBlZDhkNzAxNTExZTM4ZTgxYjAxYzkscDosYTosbTo=/show.vsml" target="_blank">
    <img title="网站窗口浮动" src="/icms/UserFiles/Content/xxxxx.jpg" style="250px;height:120px;">
    </a>
    <a style="display: block;color:#5e5e5e;height: 30px;#5e5e5e;font-size: 14px;250px;height:20px;padding-right:0 5px;" href="javascript:CloseDiv('roll')">关闭</a>
    </div>
    <script type="text/javascript">
    var ggRoll = {
    roll : document.getElementById("roll"),
    speed : 20,
    statusX : 0,
    statusY : 0,
    x : 100,
    y : 300,
    winW : document.documentElement.clientWidth - document.getElementById("roll").offsetWidth,
    winH : document.documentElement.clientHeight - document.getElementById("roll").offsetHeight,
    Go : function(){
    this.roll.style.left=this.x+'px';
    this.roll.style.top=this.y+'px';

    this.x = this.x + (this.statusX? -1: 1)
    if(this.x < 0) {this.statusX = 0}
    if(this.x > this.winW) {this.statusX = 1}

    this.y = this.y + (this.statusY? -1: 1)
    if(this.y < 0) {this.statusY = 0}
    if(this.y > this.winH) {this.statusY = 1}
    }
    }
    var interval = setInterval("ggRoll.Go()", ggRoll.speed);
    ggRoll.roll.onmouseover = function(){clearInterval(interval)};
    ggRoll.roll.onmouseout = function(){interval = setInterval("ggRoll.Go()", ggRoll.speed)};

    function CloseDiv(id){
    document.getElementById(id).style.display="none";
    //clearInterval(interval)
    }

    </script>

  • 相关阅读:
    关于jQuery中click&live&on中的坑
    redis 主从配置和集群配置
    python 搭建redis集群
    事件冒泡及事件委托的理解(JQuery Dom操作)
    python中import和from-import的区别
    python中赋值-浅拷贝-深拷贝之间的关系
    学生管理系统.JavaScript
    学生管理系统.c
    电梯演讲与原型展示
    软件需求分析
  • 原文地址:https://www.cnblogs.com/wanglg/p/4986464.html
Copyright © 2011-2022 走看看