欢迎光临散文网 会员登陆 & 注册

用 JavaScript 实现文字轮播

2023-07-18 15:58 作者:Mr蓝珲  | 我要投稿

小提示:去修改元素(element)的 scrollTop 属性。


文字上升效果


1. 把需要轮播的文字放置于 div 标签之中。 给 div 标签一个 ID,叫做 poem。


2. 在 style 标签中, 设置展示文字的 CSS。 left 指的是 div 到浏览器页面左边的距离, top 指的是 div 到浏览器页面上边的距离。


3. 写 JavaScript 代码。 先用 document.querySelector() 找到 div 元素。 然后用 setInterval() 每隔 0.1 秒将 div 中的文字向上移动一个像素。


DIV 与 CSS 部分
JAVASCRIPT 部分


用 JavaScript 实现文字轮播的评论 (共 条)

分享到微博请遵守国家法律