社区
JavaScript
帖子详情
无缝滚动及setInterval问题.
shqlsl
2006-10-28 03:40:07
最近写了一个东西.
让DIV 加一个scroll 就可成为无缝滚动.
演示:http://test.quansou.net/gaorui/scroll.html
代码在http://test.quansou.net/gaorui/scroll.js
问题1,如何做到 无缝连接( 我的会有闪动)
问题2,我的所有div 衡向和纵向速度只会取一个. 取他们最小的,我本意是第一个都有自己的速度,可是怎么做都不好成功.
请高手指点. 高分增送
...全文
274
6
打赏
收藏
无缝滚动及setInterval问题.
最近写了一个东西. 让DIV 加一个scroll 就可成为无缝滚动. 演示:http://test.quansou.net/gaorui/scroll.html 代码在http://test.quansou.net/gaorui/scroll.js 问题1,如何做到 无缝连接( 我的会有闪动) 问题2,我的所有div 衡向和纵向速度只会取一个. 取他们最小的,我本意是第一个都有自己的速度,可是怎么做都不好成功. 请高手指点. 高分增送
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Eilien
2006-10-28
打赏
举报
回复
mark
jhdl_n
2006-10-28
打赏
举报
回复
<div id="icefable1">
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="0">
<tr valign="top"><!-- BEGIN promote_row 0,5 -->
<td width="756"> <table width="140" height="140" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="21" height="100"> </td>
<td width="100"><a href="{promotelink}" target="_blank"><img src="{promoteimg}" alt="{promoteintro}" width="110" height="110" border="0" /></a></td>
<td width="19"> </td>
</tr>
<tr>
<td colspan="3" valign="top"><div align="center">{promotetitle}</div></td>
</tr>
</table></td>
<!-- END promote_row --></tr>
</table>
</div>
</td>
</tr>
<tr>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/recommandprotitlebo.gif" width="763" height="10"></td>
</tr>
</table>
</body>
</html>
<script>
marqueesHeight=144;
stopscroll=false; with(icefable1)
{
style.width=700;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preTop=0; currentTop=144; stoptime=0;
icefable1.innerHTML+=icefable1.innerHTML;
function init_srolltext()
{
icefable1.scrollTop=0;
setInterval("scrollUp()",1);
}
init_srolltext();
function scrollUp()
{
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==145)
{
stoptime+=1;
currentTop-=1;
if(stoptime==300)
{
currentTop=0;
stoptime=0;
}
}
else
{
preTop=icefable1.scrollTop;
icefable1.scrollTop+=1;
if(preTop==icefable1.scrollTop)
{
icefable1.scrollTop=144;
icefable1.scrollTop+=1;
}
}
}
</script>
stou
2006-10-28
打赏
举报
回复
頂樓上
myvicy
2006-10-28
打赏
举报
回复
滚动的高度大于显示区应该好一些。
shqlsl
2006-10-28
打赏
举报
回复
对不起 地址给错了
正确的地址是这个:
http://www.quansou.com/scroll/scroll.html
http://www.quansou.com/scroll/scroll.js
Unending
2006-10-28
打赏
举报
回复
已经很不错了,收藏
用CSS3实现无限循环的
无缝
滚动
的示例代码
那么如果我们用js实现
无缝
衔接
滚动
的思路是什么呢(比如我们这个模块是向上
滚动
的)? 1.克隆A一份完全一样的数据B放在原数据A的后面; 2.使用
setInterval
向上
滚动
A的父级容器; 3.当向上
滚动
的距离L正好的A的高度时...
向左不间断(
无缝
)
滚动
图片js代码下载
向左不间断(
无缝
)
滚动
图片js代码,这个代码用的人相信很多,有一点不好的就是当图片不足时不会
滚动
,所以使用时要多加几张图片。 ---------------------------------------------- 向左不间断(
无缝
)
滚动
图片js...
关于网页中的
无缝
滚动
的js代码
随便打开一个网页,基本上都会看到
无缝
滚动
或者轮播图,比如淘宝还有360官网的首页 观察这些轮播图可以发现图片可以来回循环地切换,那么是怎样做到的呢? 做到轮播图或者说
无缝
滚动
主要有两种方式,一种是通过对...
使用Javascript简单实现图片
无缝
滚动
js
无缝
滚动
效果几乎在任何网页上都能看到它的身影,有的可能是使用插件,其实使用原始的javascript比较简单。 主要的是使用js位置知识。 1[removed]:设置或获取元素的html标签 2.scrollLeft:设置或获取位于对象左...
原生js实现水平方向
无缝
滚动
水平方向
无缝
滚动
滚动
支持图片,文字 原理 :一个大的盒子中放置两个盒子,通过设置offsetWidth,scrollLeft的关系来实现,而且还用到定时器函数
setInterval
,当手指移动上去定义
滚动
,离开继续
滚动
。兼容各大...
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章