带关闭按钮的浮动窗口

<div id=”advLayer” style=”position:absolute;left:16px;top:129px;width:180px;height:230px;z-index:1;”></div>

<div id=”closeLayer”  onClick=”closeMe()”

style=”position:absolute;left:166px;top:132px;width:13px;height:13px;z-index:2;”></div>

<script language=”javascript”>

Var advInitTop=0;

Var closeInitTop=0;

Function inix(){   //获取广告图片所在的层上边距地初始值129

advInitTop = document.getElementById(“advLayer”).style.pixelTop;

closeInitTop = document.getElementById(“closeLayer”).style.pixelTop;

}

Function move(){      //使广告图片所在的层与滚动条同步移动

document.getElementById(“advLayer”).style.pixelTop = advInitTop+document.body.scrollTop;

document.getElementById(“closeLayer”).style.pixelTop = closeInitTop +document.body.scrollTop;

}

Function closeMe(){

document.getElementById(“advLayer”).style.display=”none”;

document.getElementById(“closeLayer”).style.display=”none”;

}

Window.onscroll = move;  //窗口的滚动事件

</script>

onLoad=”inix()” //页面加载时调用函数

转载于:https://www.cnblogs.com/zhengguangITelite/archive/2012/02/13/2349277.html