| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 3071 人关注过本帖
标题:随滚动条移动而移动的层的效果怎么做啊?
只看楼主 加入收藏
oyh484203
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2006-5-25
收藏
 问题点数:0 回复次数:9 
随滚动条移动而移动的层的效果怎么做啊?
我知道这个肯定是用javascript来做,如果有知道正确代码的朋友分享一下, 先谢谢了。
是这样的:
我现在把一个SWF格式的动画放在层中,而层放在窗口中;当拖动滚动条时,而层的位置始终固定在当前显示的窗口坐标位置。
急啊!
搜索更多相关主题的帖子: 效果 滚动 动画 窗口 拖动 
2006-05-27 11:33
小笨笨
Rank: 5Rank: 5
等 级:贵宾
威 望:19
帖 子:1169
专家分:0
注 册:2006-4-17
收藏
得分:0 

[CODE]<div id="oLayer" style="position:absolute;left:30;top:60;">
<img src="http://www.bc-cn.net/bbs/aaa/visual-graph.jpg";>
</div>
<SCRIPT>
document.write(new Array(100).join("<br>"))
var init_pos=last_pos=oLayer.style.posTop
setInterval(function scrollit(){
target_pos=document.body.scrollTop+init_pos
step=(target_pos-last_pos)/10|0
oLayer.style.posTop+=step
last_pos+=step
},1)
</script> [/CODE]

类似这样,只要把图换成flash的就行了。

[此贴子已经被作者于2006-5-30 13:47:20编辑过]


欢迎光临我的博客: http://smallfools.blog./default.html
2006-05-30 13:47
guixiaolan
Rank: 3Rank: 3
等 级:新手上路
威 望:6
帖 子:356
专家分:0
注 册:2006-4-20
收藏
得分:0 
好,收藏了!

[url=http://www./]/sign/free.gif" target="_blank">http://ip./sign/free.gif[/url]
2006-08-24 14:47
tianykun
Rank: 4
等 级:禁止访问
威 望:11
帖 子:3727
专家分:0
注 册:2005-11-13
收藏
得分:0 
以下是引用小笨笨在2006-5-30 13:47:00的发言:

[CODE]<div id="oLayer" style="position:absolute;left:30;top:60;">
<img src="http://www.bc-cn.net/bbs/aaa/visual-graph.jpg";>
</div>
<SCRIPT>
document.write(new Array(100).join("<br>"))
var init_pos=last_pos=oLayer.style.posTop
setInterval(function scrollit(){
target_pos=document.body.scrollTop+init_pos
step=(target_pos-last_pos)/10|0
oLayer.style.posTop+=step
last_pos+=step
},1)
</script> [/CODE]

类似这样,只要把图换成flash的就行了。


能解析下代码的意思么???


离开这里,离开你的视野,归隐到属于我的地方,无论何处
2006-11-22 10:50
gulangchow
Rank: 1
等 级:新手上路
帖 子:41
专家分:0
注 册:2006-12-10
收藏
得分:0 
好,收下了。
2007-06-05 22:33
tel1982
Rank: 3Rank: 3
来 自:水星
等 级:新手上路
威 望:8
帖 子:852
专家分:0
注 册:2006-10-21
收藏
得分:0 
不错,收下了。谢谢。

Face up to life with smiles no matter what happens
2007-06-06 07:38
laigaoat2005
Rank: 4
等 级:业余侠客
帖 子:388
专家分:226
注 册:2007-4-5
收藏
得分:0 
谢谢,收了。
2007-06-06 13:35
發呆的小猪
Rank: 6Rank: 6
等 级:贵宾
威 望:29
帖 子:362
专家分:0
注 册:2006-10-10
收藏
得分:0 
好东西,收下了,谢谢LZ!

营口小猪 http://bbs.
2007-06-06 15:33
varhome
Rank: 2
等 级:论坛游民
帖 子:10
专家分:20
注 册:2008-7-23
收藏
得分:0 
好像不支持火狐
2008-07-23 12:01
地盘
Rank: 1
等 级:新手上路
威 望:1
帖 子:27
专家分:0
注 册:2008-3-7
收藏
得分:0 
我写个

var initTop=0
function innx()//以顶部的距离
{
     initTop=document.getElementById("ad").pixelTop;
}
function move()//移动
{
    document.getElementById("ad").style.pixelTop=chuzhi+document.body.scrollTop;
}
window.onscroll=move;//移动就调用move函数
</script>

</style>
</head>

<body onload="innx()">
<div id="ad" style="position:absolute;
    width:200px;
    height:115px;
    z-index:1;"><img src="加如你的图片"></div>
2008-07-31 18:30
快速回复:随滚动条移动而移动的层的效果怎么做啊?
数据加载中...
 
   



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

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