注册 登录
编程论坛 JavaScript论坛

浮动的对联

konke 发布于 2011-03-18 17:03, 573 次点击

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">

var initTop=0;
var initTop2=0;

function initTop()
{
    initTop=document.getElementById("divLayer").style.pixelTop;
    initTop2=document.getElementById("divLayer2").style.pixelTop;
   
}
function move()
{
    document.getElementById("divLayer").style.pixelTop=initTop+document.body.scrollTop;
    document.getElementById("divLayer2").style.pixelTop=initTop2+document.body.scrollTop;
   
}
   
window.onscroll=move;


</script>
</head>

<body onLoad="initTop()" >
<div id="divLayer" style="position:absolute;width:150px;height:200px;left:16px;top:150px; z-index:1;" >
<img src="img/dragon.jpg">
</div>
<div id="divLayer2" style="position:absolute;width:150px;height:200px;right:16px;top:120px;z-index:1">
<img src="img/dragon.jpg">
</div>



<img src="img/black.jpg">
<img src="img/black.jpg">
<img src="img/black.jpg">
</body>
</html>
浮动的对联为什么靠top浮动
3 回复
#2
cccool2011-03-21 20:45
当然是靠top属性浮动,难道还靠left?
#3
zhangjibo2011-04-08 17:07
function move()
{
    document.getElementById("divLayer").offisetTop=initTop+document.body.scrollTop;
    document.getElementById("divLayer2").offisetTop=initTop2+document.body.scrollTop;
   
}
这还要看浏览器支持不支持、如果不支持吧move()方法改一下试试
#4
argont2011-04-10 11:20
你不要误解浮动层。

这里指的浮动层不是float:left;之类的css属性。

而是指从表面上看来,它始终在屏幕的某个位置,
所以需要将层绝对定位,每当屏幕滚动时,重新设置层的top值。

这样就能保证该层始终在屏幕靠上的某个位置。
1