网站浮动窗口 备忘

标签：

<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="width:250px;height:120px;">
</a>
<a style="display: block;color:#5e5e5e;height: 30px;#5e5e5e;font-size: 14px;width: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>

网站浮动窗口 备忘

标签：

原文地址：http://www.cnblogs.com/wanglg/p/4986464.html