带滚动条居中显示DIV
来源:互联网 发布:java动态实现统计图 编辑:程序博客网 时间:2024/04/30 19:37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function fn1() {
var _div = document.getElementById("div1");
fnShowDiv(_div);
}
//显示指定DIV
function fnShowDiv(_div) {
var iWidth = document.documentElement.clientWidth;
var iHeight = document.documentElement.clientHeight + document.documentElement.scrollTop * 2;
var h = 70; //div 高
var w = 260; //div 宽
_div.style.top = (iHeight - h) / 2 + "px";
_div.style.left = (iWidth - w) / 2 + "px";
_div.style.display = "block";
_div.style.position = "absolute";
_div.style.width = w + "px";
_div.style.height = h + "px";
_div.style.textAlign = "center";
_div.style.margin = "0 auto";
_div.style.background = "red";
}
</script>
</head>
<body>
<div id="div1" style=""></div>
<input type="button" id="btn1" style=" margin:700px auto" value="测试" onclick="fn1()" />
</body>
</html>
- 带滚动条居中显示DIV
- div带滚动条
- DIV滚动条显示
- div显示滚动条
- div显示滚动条
- 带滚动条的 DIV
- 带滚动条的div
- 带滚动条的DIV
- div 显示垂直滚动条
- div 动态显示滚动条
- 内嵌DIV带滚动条效果
- 创建一个带滚动条的div
- 创建一个带滚动条的div
- 带滚动条DIV 简要说明
- DIV滚动条显示在最低端
- div显示滚动条的css代码
- div 显示滚动条的CSS代码
- div 设置样式 显示滚动条
- 高级编程语言的分类
- Qt关闭程序简单分析
- ABAP—COLLECT的用法
- css问题整理
- Javascript 删除字符串空格
- 带滚动条居中显示DIV
- TCP/IP 的工作原理
- android 中强制关掉指定的应用
- poj2063 - Investment
- Eclipse自动补全功能和自动生成作者、日期注释等功能设置
- PowerDesigner
- ubuntu 关于屏蔽USB插入时,弹出窗口的解决方案!!
- Javascript 小数取整函数
- 常用Linux命令--关机,重启命令