本篇说一下js如何实现逐个显示飘屏字幕
工具/原料
HBuilder X等开发工具
方法/步骤
1
首先写一个HTML文件,在body里面加一个div,为div设置样式等,代码如下
2
页面显示结果如下
3
现在让“优惠活动开始了,买三十元瓜子送三十元洗衣粉”这句话逐字的滚动显示,添加js代码如下,其中setInterval方法是用于指定一个周期执行方法
4
如图,文字会逐个的滚动显示
上一篇:js网页背景视差滚动
下一篇:怎么用Axure实现轮播图效果