资讯专栏INFORMATION COLUMN

JS实现信息滚动效果

SKYZACK / 3352人阅读

摘要:最开始觉得这个效果并不难实现,利用和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查代码,都没问题。

最开始觉得这个效果并不难实现,利用scrollTop和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查JS代码,都没问题。休息了一会儿,重新开始理清思路,从HTML代码开始,一步一步检查,猛然发现,是CSS样式编写有错误,代码如下:

应该设置id="notice_list_content"的div宽度和高度,而不是class="notice"的div宽度和高度,调整之后,信息滚动效果成功实现。
完整代码如下:






文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111597.html

相关文章

  • js信息滚动

    摘要:信息滚动效果学习函数实现信息滚动相关知识点滚动的方式表示在两端之间来回滚动。表示由一端滚动到另一端,会重复。间歇性向上滚动效果展示将样式中的盒子高度设置成单行高本例为则显示一行,并间歇性向上滚动,效果展示 信息滚动效果学习 marquee函数实现信息滚动 相关知识点: 1.behavior滚动的方式 alternate:表示在两端之间来回滚动。 scroll:表示由一端滚动到另一端,会...

    苏丹 评论0 收藏0
  • JS实现信息滚动效果

    摘要:最开始觉得这个效果并不难实现,利用和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查代码,都没问题。 最开始觉得这个效果并不难实现,利用scrollTop和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查JS代码,都没问题。休息了一会儿,重新开始理清思路,从HTML代码开始,一步一步检查,猛然发现,是CSS样式编写有错误,代码如下: ...

    琛h。 评论0 收藏0
  • JS实现信息滚动效果

    摘要:最开始觉得这个效果并不难实现,利用和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查代码,都没问题。 最开始觉得这个效果并不难实现,利用scrollTop和计时器就可以了,但是写完代码后却始终不能实现内容的滚动效果,反复检查JS代码,都没问题。休息了一会儿,重新开始理清思路,从HTML代码开始,一步一步检查,猛然发现,是CSS样式编写有错误,代码如下: ...

    honhon 评论0 收藏0
  • 10行js代码搞定滚动公告

    摘要:先初始化一下默认样式单行显示,超出隐藏固定公告栏显示区域的高度以下为了单行显示,超出隐藏封装函数使用方法改变列表的值来实现滚动效果知识点回调函数函数执行完之后,要执行的函数。 需求 最近项目中需要实现公告栏滚动显示效果如下 showImg(https://segmentfault.com/img/bVZJSE?w=400&h=53); 解决方案 1、 HTML 先建一个div层作为公告...

    curried 评论0 收藏0
  • 10行js代码搞定滚动公告

    摘要:先初始化一下默认样式单行显示,超出隐藏固定公告栏显示区域的高度以下为了单行显示,超出隐藏封装函数使用方法改变列表的值来实现滚动效果知识点回调函数函数执行完之后,要执行的函数。 需求 最近项目中需要实现公告栏滚动显示效果如下 showImg(https://segmentfault.com/img/bVZJSE?w=400&h=53); 解决方案 1、 HTML 先建一个div层作为公告...

    TesterHome 评论0 收藏0

发表评论

0条评论

SKYZACK

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<