点击获取页面高度，jS特效

2024-09-05 12:18:13

字体：大中小

来源：转载

供稿：网友

一个JavaScript特效代码，点击获取网页高度，在ie6下实现position-fixed的效果，另外针对遮罩的问题（大概是做lightBox吧），个人觉得纯css法（不包括其显示/隐藏）将更适合。

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JavaScript点击获取网页高度</title><style type="text/css">html,body { overflow:hidden; height:100%; margin:0; padding:0;}div { height:100%; overflow:auto;}</style><script language="javascript">function getHeight(){	var wrapDiv=document.getElementById("wrapDiv");	alert("document.body.offsetHeight:" + document.body.offsetHeight);	alert("document.body.scrollHeight:" + document.body.scrollHeight);	alert("wrapDiv.offsetHeight" + wrapDiv.offsetHeight);	alert("wrapDiv.scrollHeight:" + wrapDiv.scrollHeight);}</script></head><body><div id="wrapDiv"><input class="e_button" type="button" onclick="getHeight();" value="点击获取页面高度" /> 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 </div></body></html>

上一篇：类似评论、点评的JS标签选择功能

下一篇：一个鼠标滑过的列表效果

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注