用js设置div层始终在网页底部显示及使用JS获取网页高度和屏幕分辨率高度
作者:admin 日期:2012-08-17
来源： Duing-冬忆个人博客
实现div始终在网页底部显示，代码如下：
< style>
DIV {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
< /style>
< div id="t1" style="position:absolute;border:double; width:100%; text-align:center">div层始终在网页底部显示的内容< /div>
< script language="javascript">
//document.all.t1.style.top = document.body.clientHeight;
var h1 = window.screen.availHeight-170;
if (document.body.clientHeight
//document.write ("当前窗口宽："+document.body.offsetWidth+"； 高："+document.body.clientHeight+"aaaa"+(window.screen.availHeight));
< /script>
在线演示
原文链接地址：http://www.duing.cn/article/Study/DIV_DiBuXianShi.html
实现div始终在网页底部显示，代码如下：
< style>
DIV {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
< /style>
< div id="t1" style="position:absolute;border:double; width:100%; text-align:center">div层始终在网页底部显示的内容< /div>
< script language="javascript">
//document.all.t1.style.top = document.body.clientHeight;
var h1 = window.screen.availHeight-170;
if (document.body.clientHeight
//document.write ("当前窗口宽："+document.body.offsetWidth+"； 高："+document.body.clientHeight+"aaaa"+(window.screen.availHeight));
< /script>
在线演示
原文链接地址：http://www.duing.cn/article/Study/DIV_DiBuXianShi.html
[本日志由 admin 于 2012-08-17 10:00 AM 编辑]
上一篇: 网页设计相关：css样式 设置首字大写(占两行)
下一篇: js代码实现网站栏目中英文交换
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
