1,实际调用时必须设置你的 弹幕墙id 和 弹幕的行数 并 初始化弹幕墙
1 2 3 4 5 | var option = { container: "#container" , //弹幕墙的id barrageLen: 15 //弹幕的行数 } barrageWall.init(option); //初始化弹幕墙 |
2,然后调用
1 | barrageWall.upWall(userImg,userId, message); |
3,弹幕移动的动画效果由css实现,transform: translateX();
1,如果你要为弹幕设置其他特殊效果请注意你的页面性能;
2,transform不会引起页面的重绘,最好不要更改弹幕移动的方式,如果你必须更改,请修改js,因为我是依靠弹幕的矩阵值进行定位的;
3,每条弹幕为从上至下有序的出现,你可以设置弹幕轨道的条数;
4,每条弹幕出现时从上至下查找你设置的弹幕轨道上是否存在还有弹幕没有将内容完全展现在屏幕上,有则查找下一条,没有则出现在当前轨道上;
5,当每条轨道都存在还有弹幕没有将内容完全展现在屏幕上时触发强制弹幕出现的机制,插件会找出所有轨道中每条弹幕全部的内容展现需要时间最短的那条,然后将当前弹幕强制压在该弹幕轨道上。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com