欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-30 11:03:27
...

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

 

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

效果如下:

【原创】JS可循环弹幕示例
            
    
    博客分类: HTML/CSSJavascript JSJavaScript弹幕Barrage循环 

【原创】JS可循环弹幕示例
            
    
    博客分类: HTML/CSSJavascript JSJavaScript弹幕Barrage循环 

 

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

 

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