php js实现弹幕,JavaScript弹幕实现

javascript弹幕

#play{

width:600px;

height:200px;

background-color:#000;

position:fixed;

top:500px;

}

#tangmu{

width:600px;

height:200px;

background-color:#fff;

z-index:9999;

background-color: rgba(000, 1, 000, 0.1);

position:fixed;

top:500px;

}

.tmf{

position:absolute;

font-size:24px;

color:#fff;

height:24px;

}

檀木1

红米2

大妈3

檀木4

红米5

大妈6

檀木7

红米8

大妈9

檀木10

红米11

大妈12

檀木13

红米14

大妈15

檀木16

红米17

大妈18

檀木19

红米20

大妈21

檀木22

红米23

大妈24

檀木25

红米26

大妈27

var tmfz=(function(fjid,itemclass,hdjgtime,sdhd,pzise,isrb,callback){

var jgtime = 0;

var tangmuf = document.getElementById(fjid);

var pindex=1;

istop = 0;

var maxtime = 0;

//使用return 返回外部可调用的函数

return {

tm:function() {

tmstar();

}};

function tmstar() {

jgtime = 0;

var hdcd = $("." + itemclass).length;

$("#dc").val(hdcd + "*" + ((pindex - 1) * pzise) + "*" + (pzise * pindex));

for(var i=((pindex-1)*pzise);i

{

if(i

{

tangmu($("." + itemclass).eq(i).attr("id"));

}

else

{ break;}

}

}

function tangmu(id) {

var mathHeight = Math.round(Math.random()*(tangmuf.offsetHeight))+"px";

var textLeft=tangmuf.offsetWidth+"px";

var textStyleObj = document.getElementById(id);

textStyleObj.style.marginLeft = textLeft;

if (Number(mathHeight.replace("px","")) > (tangmuf.offsetHeight - textStyleObj.offsetHeight)) {

mathHeight = (tangmuf.offsetHeight - textStyleObj.offsetHeight)+"px";

}

textStyleObj.style.marginTop = mathHeight;

var dhsj= ((tangmuf.offsetWidth+100)/sdhd);

setTimeout(function () {

if ($("#" + id).index() == $("." + itemclass).length - 1||$("#" + id).index()==(pzise*pindex)-1)

{

var kaitime = 0;

if (pzise >= $("." + itemclass).length) {

}

else {

kaitime = dhsj * 0.3;

setTimeout(function () {

if (istop == 0) {

if (isrb || (!isrb && $("#" + id).index() != $("." + itemclass).length - 1)) {

if ($("#" + id).index() == $("." + itemclass).length - 1)

{ pindex = 1; }

else

{ pindex++; }

tmstar();

}

}

}, kaitime);

}

$("#" + id).animate({ "margin-left": "-" + textStyleObj.offsetWidth + "px" },dhsj, function () {

if (typeof (callback) != "undefined" && $("#" + id).index() == $("." + itemclass).length - 1)

{ callback(); }

if (pzise >= $("." + itemclass).length) {

pindex = 1;

tmstar();

}

});

}

else

{ $("#" + id).animate({ "margin-left": "-" + textStyleObj.offsetWidth + "px" }, dhsj); }

}, jgtime);

jgtime = jgtime + hdjgtime;

}

});

// 夫级id;子集class;弹幕间隔时间;滑动速度,值越大越快;每次出现的弹幕个数;是否循环轮播此组数据; 此组所有弹幕完成后回调函数，当 是否循环轮播 为 false 时才会生效

tmfz("tangmu","tmf",500,0.1,10,true,function(){

//回调函数，最后一个触发

//强制停止

//istop=1;

}).tm();//传递参数