jQuery有序的弹幕插件barrageWall.js

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

 1537  30  查看评论 (1)
jQuery有序的弹幕插件barrageWall.js ie兼容10

使用方法:

1,实际调用时必须设置你的 弹幕墙id 和 弹幕的行数 并 初始化弹幕墙

var option = {
    container: "#container", //弹幕墙的id
    barrageLen: 15 //弹幕的行数
}
barrageWall.init(option); //初始化弹幕墙

2,然后调用 

barrageWall.upWall(userImg,userId, message);

3,弹幕移动的动画效果由css实现,transform: translateX();

使用注意:

1,如果你要为弹幕设置其他特殊效果请注意你的页面性能;

2,transform不会引起页面的重绘,最好不要更改弹幕移动的方式,如果你必须更改,请修改js,因为我是依靠弹幕的矩阵值进行定位的;

3,每条弹幕为从上至下有序的出现,你可以设置弹幕轨道的条数;

4,每条弹幕出现时从上至下查找你设置的弹幕轨道上是否存在还有弹幕没有将内容完全展现在屏幕上,有则查找下一条,没有则出现在当前轨道上;

5,当每条轨道都存在还有弹幕没有将内容完全展现在屏幕上时触发强制弹幕出现的机制,插件会找出所有轨道中每条弹幕全部的内容展现需要时间最短的那条,然后将当前弹幕强制压在该弹幕轨道上。

相关插件-独立的部件

jQuery自定义鼠标右键菜单

jQuery自定义鼠标右键菜单插件jquery.contextMenu.js
  独立的部件
 4460  54

html5读取二维码

手机端web调用摄像头读取解析二维码
  独立的部件
 14452  111

jQuery摄像头插件jquery-webcam-plugin

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

vue条形码插件JsBarcode

JsBarcode 是用 JavaScript 编写的条形码生成器。它支持在浏览器和Node.js多条码格式。当它用于web时, 它没有依赖关系, 但是如果您加入了jQuery,它将与jQuery协同工作。
  独立的部件
 4377  34

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

    任奥-赵 0
    2018/1/10 11:55:38

    插件不错,参考下

    回复
取消回复