你的位置:首页 > 软件开发 > Java > 带关闭按钮的浮动窗口

带关闭按钮的浮动窗口

发布时间:2012-02-13 19:00:16
<div id=”advLayer” style=”position:absolute;left:16px;top:129px;width:180px;height:230px;z-index:1;”></div><div id=”closeLayer&rdqu ...

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

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:带关闭按钮的浮动窗口

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录