为了账号安全,请及时绑定邮箱和手机立即绑定

帮我看看‘信息横向无缝滚动’的代码?

帮我看看‘信息横向无缝滚动’的代码?

星空下的小孩 2016-07-25 22:29:52
/***********JS代码****************//***********html代码和CSS代码****************/
查看完整描述

2 回答

?
ahao430

TA贡献35条经验 获得超41个赞

首先,setInterval这是一个定时器,每隔50ms通过box。scrollLeft++向左滚动1px。

然后,为了在文字滚动时不出现空白,将文字div复制了一个,向左浮动。对容器overflow:hidden,隐藏超出的部分。

最后,每当滚动宽度等于文字宽度时,即txt2已经滚动完了,右边没有内容了。通过对scrollLeft归零,恢复到最初的位置。这个一瞬间,txt1移动到了刚刚txt2的位置,人眼看不出差别。然后重复。

查看完整回答
反对 回复 2016-07-26
  • 2 回答
  • 0 关注
  • 1400 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信