<div id="stable_2">
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" >
<TR>
<TD height="20" colspan="3"><A href="
http://blog.csdn.net/vince6799">1.连续无缝向上滚动</A></TD>
</TR>
<TR>
<TD height="20" colspan="3"><A href="
http://blog.csdn.net/vince6799">2.连续无缝向上滚动</A></TD>
</TR>
<TR>
<TD height="20" colspan="3"><A href="
http://blog.csdn.net/vince6799">3.连续无缝向上滚动</A></TD>
</TR>
<TR>
<TD height="20" colspan="3"><A href="
http://blog.csdn.net/vince6799">4.连续无缝向上滚动</A></TD>
</TR>
<TR>
<TD height="20" colspan="3"><A href="
http://blog.csdn.net/vince6799">5.连续无缝向上滚动</A></TD>
</TR>
<TR>
<TD height="20" colspan="3"><A href="
http://blog.csdn.net/vince6799">6.连续无缝向上滚动</A></TD>
</TR>
<TR>
<TD height="20" colspan="3"><A href="
http://blog.csdn.net/vince6799">7.连续无缝向上滚动---结束</A></TD>
</TR>
</TABLE>
</div>
<script type="text/javascript">
function addEventSimple(obj,evt,fn)
{
if(obj.addEventListener)
{
obj.addEventListener(evt,fn,false);
}else if(obj.attachEvent)
{
obj.attachEvent('on'+evt,fn);
}
}
addEventSimple(window,'load',initScrolling);//保存想要滚动的容器
var scrollingBox;var scrollingInterval;//用于记录是否“滚到头”过一次
var reachedBottom=false;//记录第一次滚到头时候的scrollTopvar bottom;//初始化滚动效果
function initScrolling()
{
scrollingBox = document.getElementById("stable_2");//样式设置,与滚动基本无关,应该用CSS设置。
scrollingBox.style.height = "150px";
scrollingBox.style.overflow = "hidden";//滚动
scrollingInterval = setInterval("scrolling()",50);//鼠标划过停止滚动效果
scrollingBox.onmouseover = over;//鼠标划出回复滚动效果
scrollingBox.onmouseout = out;
}//滚动效果
function scrolling()
{//开始滚动,origin是原来scrollTop
var origin = scrollingBox.scrollTop++;//如果到头了
if(origin == scrollingBox.scrollTop)
{//如果是第一次到头
if(!reachedBottom)
{
scrollingBox.innerHTML+=scrollingBox.innerHTML;
reachedBottom=true;
bottom=origin;
}else{//已经到头过,只需回复头接尾的效果
scrollingBox.scrollTop=bottom;
}
}
}
function over()
{
clearInterval(scrollingInterval);
}
function out()
{
scrollingInterval = setInterval("scrolling()",50);
}
</script>
相关推荐
图片连续循环滚动代码(向上、下、左、右),图片连续循环滚动代码(向上、下、左、右)
如下所示: <!DOCTYPE ... <... <head>...JS实用的带停顿的逐行文本循环滚动效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style
然后我们将溢出的滚动条隐藏掉,用代码控制滚动条向下移动(这时内容将向上移动)。当滚动条滚动到最下方时,理论上不能再往下滚动了,于是我们立刻调整滚动条,将它向上滚动到一个和当前画面一样的位置。结果我们看到...
内容索引:VB源码,字符处理,文字滚动,电影序幕 一个VB写的文字滚动...而且没有闪烁现象,【向左滚动样式一】是循环连续滚动,【向左滚动样式二】则滚动到左端时停止一下继续滚动,【向上滚动样式一】也和前面差不多。
11.4.3 使用“基本循环”布局显示重复的过程 269 11.4.4 使用“分离射线”图示显示公司与外部实体的关系 270 11.4.5 使用“表格列表”图示显示公司的部门 270 11.4.6 调整维恩图来显示关系 271 11.4.7 理解...
11.4.3 使用“基本循环”布局显示重复的过程 269 11.4.4 使用“分离射线”图示显示公司与外部实体的关系 270 11.4.5 使用“表格列表”图示显示公司的部门 270 11.4.6 调整维恩图来显示关系 271 11.4.7 理解...
11.4.3 使用“基本循环”布局显示重复的过程 269 11.4.4 使用“分离射线”图示显示公司与外部实体的关系 270 11.4.5 使用“表格列表”图示显示公司的部门 270 11.4.6 调整维恩图来显示关系 271 11.4.7 理解...
11.4.3 使用“基本循环”布局显示重复的过程 269 11.4.4 使用“分离射线”图示显示公司与外部实体的关系 270 11.4.5 使用“表格列表”图示显示公司的部门 270 11.4.6 调整维恩图来显示关系 271 11.4.7 理解...
11.4.3 使用“基本循环”布局显示重复的过程 269 11.4.4 使用“分离射线”图示显示公司与外部实体的关系 270 11.4.5 使用“表格列表”图示显示公司的部门 270 11.4.6 调整维恩图来显示关系 271 11.4.7 理解...
11.4.3 使用“基本循环”布局显示重复的过程 269 11.4.4 使用“分离射线”图示显示公司与外部实体的关系 270 11.4.5 使用“表格列表”图示显示公司的部门 270 11.4.6 调整维恩图来显示关系 271 11.4.7 理解...