| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 687 人关注过本帖
标题:实现无缝滚动。
只看楼主 加入收藏
niuniu2009kk
Rank: 1
等 级:新手上路
帖 子:33
专家分:0
注 册:2007-10-15
收藏
 问题点数:0 回复次数:4 
实现无缝滚动。

<div id=marquees style="height=100px;LEFT: 60px; POSITION: absolute; TOP: 100px;"><font style="font-family:宋体; color:white; font-size:14px;line-height=15px">
<a href="#">你在做什么</a><br>
<br>
<a href="#">我在仰望天空</a><br>
<br>
<a href="#">30度仰望是什么</a><br>
<br>
<a href="#">是我想念她的角度</a><br>
<br>
<a href="#">为什么要把头抬到30度</a><br>
<br>
<a href="#">为了不让我的眼泪掉下来</a><br>
<br>
<br>
<br>
</div>
<script language="JavaScript">

marqueesHeight=100;
stopscroll=false;

with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

preTop=0; currentTop=0;

function init(){
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollup()",30);
}
document.body.onload=init;

function scrollup(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>


怎么实现无缝滚动,这是我从网上找到的源码,但是我看不明白那里是实现无缝循环滚动的核心代码,那位朋友能帮我逐句解释下吗,可能工作量很大,在这里表示感谢……

搜索更多相关主题的帖子: href 无缝 滚动 white 
2007-10-23 22:34
永夜的极光
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:2721
专家分:1
注 册:2007-10-9
收藏
得分:0 
其实就是把你需要滚动的内容复制一份,放在最下面,跟着向上移动,这样就不会出现断层

从BFS(Breadth First Study)到DFS(Depth First Study)
2007-10-24 07:44
疯狂的探索者
Rank: 1
等 级:新手上路
帖 子:61
专家分:0
注 册:2007-10-20
收藏
得分:0 


二楼的方法不错
值得借鉴


我是个asp的初学者,希望各位高手们多多指点!!!呵呵
2007-10-24 09:00
niuniu2009kk
Rank: 1
等 级:新手上路
帖 子:33
专家分:0
注 册:2007-10-15
收藏
得分:0 
得却是个好方法,但是你怎么实现刚打开页面或刷新页面他就滚动呢,二楼的朋友实现打开页面后的无缝滚动,而我要的是刚开始加载页面时没有缝隙……
不过你的方法确实不错。

太懒,今天就说一句话,好了,我说完了……
2007-10-24 10:00
niuniu2009kk
Rank: 1
等 级:新手上路
帖 子:33
专家分:0
注 册:2007-10-15
收藏
得分:0 

忘了说了,通俗的说就是滚动的内容首尾相连,看不出来有缝隙……


太懒,今天就说一句话,好了,我说完了……
2007-10-24 10:42
快速回复:实现无缝滚动。
数据加载中...
 
   



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

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