日期:2014-05-16 浏览次数:20354 次
<script> window.onload=window.onscroll=function() { var oLeft = document.getElementById("left"); var oRight = document.getElementById("right"); var scrollY=document.documentElement.scrollTop||document.body.scrollTop; var clientH = document.documentElement.clientHeight; var oCloseX =document.getElementById("x") var oCloseY =document.getElementById("y") oLeft.style.top=(clientH-oLeft.offsetHeight)/2+scrollY+"px"; oRight.style.top=(clientH-oRight.offsetHeight)/2+scrollY+"px"; oCloseX.onclick=function() { this.parentNode.parentNode.removeChild(this.parentNode); } oCloseY.onclick=function() { this.parentNode.parentNode.removeChild(this.parentNode); } } </script>
//获取ID为left的元素 var oLeft = document.getElementById("left"); //获取ID为right的元素 var oRight = document.getElementById("right"); //这个好像是获取滚动的时候,被卷起来的高度,。 var scrollY=document.documentElement.scrollTop||document.body.scrollTop; //获取可见区域高度 var clientH = document.documentElement.clientHeight; //获取ID为x的元素 var oCloseX =document.getElementById("x") //获取ID为y的元素 var oCloseY =document.getElementById("y") //设置oLeft对象距离上面的像素 oLeft.style.top=(clientH-oLeft.offsetHeight)/2+scrollY+"px"; //设置oRight对象距离上面的像素 oRight.style.top=(clientH-oRight.offsetHeight)/2+scrollY+"px"; //为oCloseX对象添加一个click事件 oCloseX.onclick=function() { //当点击的时候,移除当前元素的父元素 this.parentNode.parentNode.removeChild(this.parentNode); } //为oCloseY对象添加一个click事件 oCloseY.onclick=function() { //当点击的时候,移除当前元素的父元素 this.parentNode.parentNode.removeChild(this.parentNode); }
------解决方案--------------------
根据楼上细化一下:
//获取ID为left的元素
var oLeft = document.getElementById("left");
//获取ID为right的元素
var oRight = document.getElementById("right");
//得到当前垂直滚动条的滑块位置var scrollY=document.documentElement.scrollTop||document.body.scrollTop;
//获取可见区域高度
var clientH = document.documentElement.clientHeight;
//获取ID为x的元素
var oCloseX =document.getElementById("x")
//获取ID为y的元素
var oCloseY =document.getElementById("y")
//设置oLeft对象垂直居中oLeft.style.top=(clientH-oLeft.offsetHeight)/2+scrollY+"px";
//设置oRight对象垂直居中oRight.style.top=(clientH-oRight.offsetHeight)/2+scrollY+"px";
//为oCloseX对象添加一个click事件
oCloseX.onclick=function()
{
//当点击的时候,移除当前元素的父元素
this.parentNode.parentNode.removeChild(this.parentNode);
}
//为oCloseY对象添加一个click事件
oCloseY.onclick=function()
{
//当点击的时候,移除当前元素的父元素
this.parentNode.parentNode.removeChild(this.parentNode);
}