是说的是不是叫层随着页面滚轮的滑动而滑动啊??
如果是,请看下面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function move()
{
document.getElementById("Layer1").style.pixelTop = document.body.scrollTop;
}
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 170px;
top: 75px;
}
-->
</style>
</head><body onscroll="move()">
<div id="Layer1">
<form name="form1" method="post" action="">
<label>
<input type="text" name="textfield">
</label>
</form>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
如果是,请看下面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function move()
{
document.getElementById("Layer1").style.pixelTop = document.body.scrollTop;
}
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 170px;
top: 75px;
}
-->
</style>
</head><body onscroll="move()">
<div id="Layer1">
<form name="form1" method="post" action="">
<label>
<input type="text" name="textfield">
</label>
</form>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
<head>
<script type="text/javascript">
function aa()
{
document.getElementById('curtain').style.height=document.body.scrollHeight;
document.getElementById('curtain').style.width=document.body.scrollWidth;
}
</script>
</head>
<body onscroll="aa()" onResize="aa()">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<input type="button" value="test">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<input type="button" value="test");">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<div id="curtain" style="position:absolute;top:0px;left:0px;width:100%;height:100%;bottom:0;z-index:0;-moz-opacity:0.5;background:gray;filter:alpha(opacity=50);"></div>
</body>
</html>