浮动的对联 - JavaScript论坛

已结贴√ 问题点数：20 回复次数：3

浮动的对联

<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浮动

第 2 楼

得分:20

当然是靠top属性浮动，难道还靠left？

[fly]让心情飞一会[/fly]
">Email to Me

第 3 楼

得分:0

function move()
{
    document.getElementById("divLayer").offisetTop=initTop+document.body.scrollTop;
    document.getElementById("divLayer2").offisetTop=initTop2+document.body.scrollTop;

}
这还要看浏览器支持不支持、如果不支持吧move（）方法改一下试试

没有做不到，只有想不到、、、、、、、、、、、、

第 4 楼

得分:0

你不要误解浮动层。

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

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

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

http:///langzs/ web前端开发