| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 573 人关注过本帖
标题:浮动的对联
只看楼主 加入收藏
konke
Rank: 1
等 级:新手上路
帖 子:3
专家分:2
注 册:2010-8-23
结帖率:0
收藏
已结贴  问题点数: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浮动
搜索更多相关主题的帖子: javascript language function content 对联 
2011-03-18 17:03
cccool
Rank: 7Rank: 7Rank: 7
等 级:黑侠
帖 子:268
专家分:555
注 册:2007-5-1
收藏
得分:20 
当然是靠top属性浮动,难道还靠left?

[fly]让心情飞一会[/fly]
">Email to Me     
2011-03-21 20:45
zhangjibo
Rank: 2
来 自:河南
等 级:论坛游民
帖 子:24
专家分:39
注 册:2011-3-6
收藏
得分:0 
function move()
{
    document.getElementById("divLayer").offisetTop=initTop+document.body.scrollTop;
    document.getElementById("divLayer2").offisetTop=initTop2+document.body.scrollTop;
   
}
这还要看浏览器支持不支持、如果不支持吧move()方法改一下试试

没有做不到,只有想不到、、、、、、、、、、、、
2011-04-08 17:07
argont
Rank: 2
等 级:论坛游民
帖 子:13
专家分:10
注 册:2011-3-8
收藏
得分:0 
你不要误解浮动层。

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

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

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

http:///langzs/  web前端开发
2011-04-10 11:20
快速回复:浮动的对联
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.015868 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved