542154968/barrage

一个简单的全屏弹幕功能 暂不支持发送弹幕 可以自行扩展 把数据加进数组中

demo图

简介

受剧中人和falseLuffy大神的启发 为我自己工作的的项目增加了这个功能 因为需求比较少 所以是个很简单的文字DOM滚动功能 CSS3实现的滚动

// 默认参数
var defaults = {
    // 在哪里产生弹幕
    el: '#barrage',
    // 关闭按钮
    closeEl: '.hide-barrage',
    // 数据的数组 [ {text: ''}, {text: ''} ] text必须有
    data: data,
    // 颜色的数组  {Array}  ['#ff', 'red']
    color: colorArr,
    // 多少个data 分一组  Number 关乎弹幕的上下密集度
    groupSlice: 5,
    // 多少毫秒秒增加一次dom  这个关乎到弹幕的左右间距（ 密集度 ）
    addIntervar: 3000,
    // 动画时间 25 ~ 20s
    rangeTime: [ 25, 20 ]
};