JBarrager jquery弹幕插件

所属分类:其他-独立的部件

JBarrager jquery弹幕插件 ie兼容9

调用方式:

html部分代码:

<canvas style="width: 1280px;height: 720px;background-color: rgba(0,0,0,0.2)">你的浏览器不支持canvas</canvas>

发送弹幕:

$('canvas').barrager([{"msg":"这是我发的。。。哈哈哈"}]);

多条发送方式:

$('canvas').barrager([{"msg":"看着不错。。。。"},{"msg":"哈哈哈。。。。"},{"msg":"不错不错。。"},{"msg":"真好看。。。。"}]);

清除/关闭弹幕:

$('canvas').barrager("clear");

在实际应用,可以通过ajax方式轮询异步获取数据,通过上述语句发送弹幕

相关插件-独立的部件

jQuery自动定位当地天气预报

jQuery调用新浪天气,显示城市天气气温风向风级图标白天夜间
  独立的部件
 3287  69

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 12358  47

复制剪切粘贴插件clipboard.js

clipboard.js能够实现复制剪切粘贴的功能,实例方法全。
  独立的部件
 3724  65

jquer网页打印插件PrintArea.js

jquery实现页面打印可局部打印
  独立的部件
 3022  53

讨论这个项目(10)回答他人问题或分享插件使用方法奖励jQ币

    wangp321 0
    2017/3/31 11:32:11

    我想问一下需要怎么控制弹幕暂停呢

        Sailiy3
        2017/4/5 17:03:30

        你可以参照clear方法

        this.pause= function () {//暂停
                clearInterval(this.interval);
                this.interval="";
        };
        this.play= function () {//播放
                this.draw();
        };
    回复
    向日葵 0
    2017/2/24 11:06:05

    滚动在最上面的字有时会只显示一半

        Sailiy1
        2017/4/5 17:05:29
        _this.msgs[i].T=parseInt(Math.random() * 700);//这句代码是产生top的值,你可以试着修改
    回复
    99 0
    2017/1/12 14:01:58

    看起来不错,先下着

    回复
    WckY 0
    2017/1/8 14:01:07
    牛逼哄哄 不解释 最重要的作者免费分享给大家 给力的不要不要的 ! 回复
    老妖精70 0
    2017/1/7 18:01:48
    刈?、?ㄖ 0
    2017/1/6 10:01:57

    插件有意思~有没有控制滚动速度的参数和显示高度的参数

        Sailiy0
        2017/1/7 11:01:46
        _this.msgs[i].L=_this.width; //代表初始距离左边的距离
        _this.msgs[i].T=parseInt(Math.random() * 700);//随机产生的Top距离
        _this.msgs[i].S=parseInt(Math.random() * (10 - 4) + 4);//随机产生的速度(单位时间内移动的像素)
        _this.msgs[i].C=_this.colorArr[Math.floor(Math.random() * _this.colorArr.length)];//随机从颜色数组中提取的颜色
        Sailiy0
        2017/1/7 11:01:10
        上边的值你可以手动绑定,不让它随机生成,代码很简单,你研究一下。最近比较忙,有时间我会写个完整的注释,插件官网http://www.rainx.org
    回复
取消回复