代码可以实现弹幕的效果
但是弹幕出场的方式有点奇葩 聚成一团然后才慢慢舒展 有什么方法让弹幕的div从屏幕外穿过?
var _top = 0;
$('body').html('<div id="dm">这就是一条弹幕这就是一条弹幕这就是一条弹幕这就是一条弹幕</div>');
var dm = $('#dm');
var _left = $(window).width();
var _height = $(window).height();
_top = _top + 76;
if(_top >= _height - 100){
_top = 0;
}
dm.css({left:_left, top:_top, color:getReandomColor()});
var time=10000;
if(dm.index() % 2 == 0){
time=15000;
}
dm.animate({left: "-"+_left+"px"}, time);
function getReandomColor(){
return '#'+(
function(h)
{
return new Array(7-h.length).join("0") + h
}
)((Math.random()*0x1000000<<0).toString(16))
}
data={name:this.name,message:this.message,time:nowtime,uid:uid,top:Math.round(Math.random()*100)};
也想过做弹幕的,直接用的是marquee 仅供参考,传值的时候传个随机参数让他们的位置不一样
https://github.com/Someant/chatandbarrage/blob/master/barrage.html
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。