| 编程中国 | 业界新闻 | 技术文章 | 视频教程 | 下载频道 | 程序源码 | 个人空间 | 编程论坛
全能ASP/PHP/ASP.NET主机,支持月付专业 MSSQL 数据库空间,支持月付专业 MySQL 数据库空间,支持月付赛孚耐:软件保护加密专家
身份认证令牌USB KEY   
共有 242 人关注过本帖
标题:实现无缝滚动。
收藏  订阅  推荐  打印 
niuniu2009kk
Rank: 1
等级:新手上路
帖子:33
积分:430
注册:2007-10-15
实现无缝滚动。

<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: 12Rank: 12Rank: 12
等级:版主
威望:26
帖子:2710
积分:35264
注册:2007-10-9

其实就是把你需要滚动的内容复制一份,放在最下面,跟着向上移动,这样就不会出现断层

从BFS(Breadth First Study)到DFS(Depth First Study)
学习VIM中,欢迎访问我的blog  http://hi.baidu.com/newkedison
严重鄙视一切把论坛当成作业生成器和人肉搜索引擎的人
2007-10-24 07:44
疯狂的探索者
Rank: 2
等级:注册会员
帖子:61
积分:712
注册:2007-10-20


二楼的方法不错
值得借鉴


我是个asp的初学者,希望各位高手们多多指点!!!呵呵
2007-10-24 09:00
niuniu2009kk
Rank: 1
等级:新手上路
帖子:33
积分:430
注册:2007-10-15

得却是个好方法,但是你怎么实现刚打开页面或刷新页面他就滚动呢,二楼的朋友实现打开页面后的无缝滚动,而我要的是刚开始加载页面时没有缝隙……
不过你的方法确实不错。

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

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


太懒,今天就说一句话,好了,我说完了……
2007-10-24 10:42
关于我们 | 广告合作 | 编程中国 | 清除Cookies | Archiver | WAP | TOP

编程中国 版权所有,并保留所有权利。鲁ICP备08000592号
Powered by Discuz, Processed in 0.077135 second(s), 9 queries.
Copyright©2004-2008, BCCN.NET, All Rights Reserved