带关闭按钮的浮动窗口

<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()” //页面加载时调用函数

posted @ 2012-02-13 13:46  光哥传说  阅读(569)  评论(0编辑  收藏  举报