`

【原创】JS可循环弹幕示例

阅读更多

朋友有项目需要做弹幕效果,网上找了示例代码,运行起来有点问题(文字重叠+没有循环),让我看下。由于我比较不喜欢跟着别人思路走,因此干脆重新写了一个,基本实现弹幕功能。具体功能如下:

 

  • 支持指定弹幕行数
  • 支持循环播放
  • 支持弹幕开关
  • 支持设置评论颜色(通过CSS支持,可改造成直接设置字体颜色)
  • 支持设置弹幕透明度

效果如下:

 

Codepen上的示例:https://codepen.io/qingyuexiao/pen/RwaJmVJ

 

完整代码见:https://github.com/qingyuexiao/SimpleBarrage

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics