实现简单的弹幕功能
1 | move() { |
有一天,看着 B 站,慢慢忘记视频内容,脑子里构想弹幕功能的实现,于是自已试了试,写下代码,写下此文
代码 github 地址:https://github.com/li-car-fei/common-danmu
视图
由于只是个 demo,视图就随便点,构造几个 div 就算了:
1 |
|
然后,需要新建一个类来定义弹幕的属性以及行为,如下:
1 | //定义弹幕类 |
接着,引入 jquery,并且依托 jquery 绑定 Dom 处理方法:
1 | $("#select_height").change(function () { |
现在,我们已经实现功能啦,可以尝试以下发弹幕
最后,依托前面的功能,我们再动态地添加弹幕,模拟视频弹幕
1 | var dan_mu_arr = [ |
完成功能,谢谢阅读