想使用js实现文字“早上好”向左滚动一次结束，10秒后重新向左滚动，该如何实现。

weixin_45598926 2022-08-04 12:24:16

想使用js实现文字“早上好”向左滚动一次结束，10秒后重新向左滚动，该如何实现

...全文

150 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

CSDN-Ada助手 2023-01-13

打赏
举报

回复

您可以前往 CSDN问答-前端发布问题, 以便更快地解决您的疑问

效果以下是转载的,稍微复杂一点↓↓↓ 布局页面wxml <scroll-view class="container"> <view class="scrolltxt"> <view class="marquee_box"> <view class="marquee_text" style="transform: translate...

H5文字滚动小练习

在现代网页设计中，动态效果能够显著提升用户体验，其中一个常见的需求就是让文字或内容能够自动滚动，尤其是在新闻站点或公告栏等场景下。本文将详细介绍如何利用CSS实现文字的横向循环无缝滚动，并且当鼠标移入时暂停滚动，移出后继续滚动的效果。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。通过上述步骤，我们不仅实现了基本的文字滚动功能，还增强了用户体验，使得页面更加生动有趣。首先，我们需要创建一个包含文字的容器，并为其设置滚动动画。专栏系列（点击解锁）

本文实例为大家分享了微信小程序实现文字无限滚动的具体代码，供大家参考，具体内容如下布局页面wxml{{text}}{{text}}样式页面 wxss.container {height: 100%;display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;}.scrolltx...

一、概述：关于文字滚动插件太多，PC跟移动端使用来能同时兼容的并不多，基于以上原因自己还是动手写了一个单纯的文字从右向左滚动的DEMO，思路来源于上一篇《小程序文字从右往左无限滚动》。一个页面支持多个滚动。二、实现过程：1、解决思路：如果宽度滚动小于文字内容宽度，则滚动，反之停止。默认是只有一条标签，但是在实现过程中需要最好需要二条来实现，所以js会自动添加一条相同的内容。滚动的时候最好的方法不...

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章