JBarrager jquery弹幕插件

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

 2907  65  查看评论 (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方式轮询异步获取数据,通过上述语句发送弹幕

相关插件-独立的部件

鼠标右键插件context.js

简单、好用 、轻量的右键菜单插件context.js
  独立的部件
 606  8

html5手势解锁插件H5lock.js

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

jQuery仿PhotoShop界面屏幕标尺插件

方便网页上在线测量图片的距离
  独立的部件
 2586  4

iOS7样式开关

Switchery 是一个简单的组件,可帮助您将您的默认 HTML 复选框输入变成美丽的 iOS 7 样式开关只是几个简单的步骤。
  独立的部件
 14938  57

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

    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
    回复
取消回复
    PROMULGATOR

    Sailiy

    北京市