今天，编辑器将向您介绍一个新的微信小程序，该实现是滚动字幕和微信小程序弹幕的实现。我相信许多微信用户都不了解此功能，也不知道此功能的用途，所以让我们来看看编辑器吧。希望对您有所帮助。
微信小程序滚动字幕已经是微信小程序开发中最流行的主题。下面将从多个方面来讨论微信小程序滚动字幕和弹幕的实现技术。
上有很多演示微信小程序开发不能输入中文，但要找到所需的演示并不容易。今天，我将与您分享我编写的弹幕功能。微信小程序开发的切入点在这里。
先有效果
wxml代码如下：
=“ {{}}” =“ {{}}” =“ {{}}”>
弹幕
启动
{{item。}}
wxss代码如下：
/ * //.wxss * /
.- {
：100％；
}
/ *弹幕选择按钮的操作* /
.- {
：；
：10像素；
：10像素；
z-：2；
}
/ *弹幕输入框的操作* /
.- {
：；
：flex;
-：＃;
：100％；
：40像素；
flex-：行;
nav-：2；
-：;
-：;
：10％；
}
.- {
-：;
：60％；
：30像素；
}
.- {
-左：10像素；
：25％；
：30像素；
}
。{
：100％；
：；
}
/ *弹幕飞飞飞飞* /
.- fly {
z-：3；
：80％；
：100％；
：；
顶部：0;
}
.- {
：；
}
已经实现了这种基本样式。下一步是处理弹幕上的单词。
文本从右向左移动。文本的顶部随机出现，而左侧是屏幕的宽度。在移动时，将使用计时器进行处理。
字体的颜色随机出现。这些功能由js处理。微信小程序开发的切入点在这里。
js的代码如下：
var = [];
var = {};
var = 0;
var = [];
var;
页面（{
数据：{
：[
'＃39;，
'＃39;，
'＃39;
]，
：是，
：是，
：3000，
：500，
：“＃”，
：“无”，
or：“”，
：“”，
：[]，
：“无”，
}，
//生命周期功能监视器页面加载
：（）{
var that = this;
//获取屏幕的宽度
wx。（{
：（分辨率）{
那个。（{
：res.-100，
}）
}
}）
= that.data。;
.log（）;
}，
//是否打开项目符号屏幕...
：（e）{
.log（e）;
//首先判断它是否未打开
if（！e ..）{
//清除弹幕
= [];
//设置数据值
这个。（{
：“＃”，
：“无”，
：“无”，
：，
}）;
//清除计时器
（）;
}其他{
这个。（{
：“＃”，
：“ flex”，
：“”，
}）;
//打开计时器
=（this。，80 0)
}
}，
//启动按钮
：（e）{
//字体颜色是随机的
var =“ rgb（” +（Math。（）* 25 6) +“，” +（Math。（）* 25 6) +“，” +（Math。（）* 25 6) +“）”;
// //设置项目符号屏幕字体的水平位置样式
// var =-（this.data .. * 0);
//设置项目符号屏幕字体的垂直位置样式
var =（Math。（））* 266;
= {
//：，
：，
：this.data。
或：，
：
};
.push（）;
这个。（{
:, //发送弹幕
：“” //清空输入框
}）
//计时器使弹幕移动
// this。=（this。，80 0);
}，
//计时器使弹幕移动
：（）{
var =。;
var;
for（var i = 0; i
= [i]。;
.log（“ [” + i +“] .----------：” + [i]。）;
= -20;
[i]。 =;
//步行后移走
if（