JBarrager jquery弹幕插件

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

 2072  54  查看评论 (6)
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表格 可选择导出各种格式

表格内容详情可选择导出各种格式(Excel(xls)、PDF、PNG)
  独立的部件
 10572  104

jQuery摄像头插件jquery-webcam-plugin

这是一个封装了摄像功能的jQuery插件。它可以通过一个透明的层直接与JavaScript交互
  独立的部件
 25843  70

html5手势解锁插件H5lock.js

html5手势解锁插件H5lock.js详细注释
  独立的部件
 533  5

jquery-ui改良版

jquery-ui或许你都看厌了那些ui,改良后的ui较为现代化
  独立的部件
 9861  47

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

    990
    2017/1/12 14:01:58

    看起来不错,先下着

    回复
    WckY0
    2017/1/8 14:01:07
    牛逼哄哄 不解释 最重要的作者免费分享给大家 给力的不要不要的 ! 回复
    老妖精700
    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
    回复
取消回复
    PROMULGATOR

    Sailiy

    北京市方正宽带