javascript控制DIV显示
2008-06-02 08:58
447 查看
<script>
function getPosition() {
var top = document.documentElement.scrollTop;
var left = document.documentElement.scrollLeft;
var height = document.documentElement.clientHeight;
var width = document.documentElement.clientWidth;
return {top:top,left:left,height:height,width:width};
}
function showPop(){
var width = 300; //弹出框的宽度
var height = 160; //弹出框的高度
var obj = document.getElementById("div_pop");
obj.style.display = "block";
obj.style.position = "absolute";
obj.style.zindex = "999";
obj.style.width = width + "px";
obj.style.height = height + "px";
var Position = getPosition();
leftadd = (Position.width-width)/2;
topadd = (Position.height-height)/2;
obj.style.top = (Position.top + topadd) + "px";
obj.style.left = (Position.left + leftadd) + "px";
//滚动条移动时候改变DIV位置
window.onscroll = function (){
var Position = getPosition();
obj.style.top = (Position.top + topadd) +"px";
obj.style.left = (Position.left + leftadd) +"px";
};
}
function hidePop(){
document.getElementById("div_pop").style.display = "none";
}
</script>
function getPosition() {
var top = document.documentElement.scrollTop;
var left = document.documentElement.scrollLeft;
var height = document.documentElement.clientHeight;
var width = document.documentElement.clientWidth;
return {top:top,left:left,height:height,width:width};
}
function showPop(){
var width = 300; //弹出框的宽度
var height = 160; //弹出框的高度
var obj = document.getElementById("div_pop");
obj.style.display = "block";
obj.style.position = "absolute";
obj.style.zindex = "999";
obj.style.width = width + "px";
obj.style.height = height + "px";
var Position = getPosition();
leftadd = (Position.width-width)/2;
topadd = (Position.height-height)/2;
obj.style.top = (Position.top + topadd) + "px";
obj.style.left = (Position.left + leftadd) + "px";
//滚动条移动时候改变DIV位置
window.onscroll = function (){
var Position = getPosition();
obj.style.top = (Position.top + topadd) +"px";
obj.style.left = (Position.left + leftadd) +"px";
};
}
function hidePop(){
document.getElementById("div_pop").style.display = "none";
}
</script>
相关文章推荐
- 利用JavaScript通过单选框radio控制div的显示和隐藏
- javascript 控制 DIV等html元素的显示和隐藏 .
- javascript 控制 DIV等html元素的显示和隐藏
- javascript 控制 DIV等html元素的显示和隐藏(不占位)
- JavaScript——控制div的显示隐藏
- javaScript控制<div>的显示,隐藏
- 使用Javascript控制某个Div是否显示
- 用javascript控制div的显示与隐藏
- javascript 控制 DIV等html元素的显示和隐藏 .
- 用javascript控制div的显示与隐藏
- 通过JavaScript控制div隐藏,显示
- 简单运用Javascript,使<input/>控制display属性div的显示隐藏
- 利用JavaScript通过单选框radio控制div的显示和隐藏
- JavaScript强化教程——DOM编程(两种控制div移动的方法)
- 通过css来控制div.ul.li的多列显示效果
- css控制 div文字超出后显示问题
- ruby select结合javaScript显示影藏div防刷新哦
- javascript控制页面控件隐藏显示的两种方法
- JavaScript强化教程——DOM编程(两种控制div移动的方法)
- javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽)