php 文字弹幕效果代码,视频弹幕特效代码

视频弹幕特效代码

弹幕

样式

• 字号

  大号

  中号

  小号

• 颜色

  #ffffff

点击输入弹幕(仅限25字以内)

var thisColor,fontSize;

$(function(){

$('.fontSizeDiv a').on('click',function(){

fontSize = $(this).attr('data-size');

$('.fontSizeDiv a').removeClass('active');

$(this).addClass('active');

});

$('a.colorHint').on('click',function(){

$('.colorDiv').toggle();

});

$('.colorDivs a').on('click',function(){

thisColor = $(this).attr('data-color');

$('p.backColor').css({

'background-color':'#'+thisColor

});

$('p.colorText').text('#'+thisColor);

});

});

var ds = document.getElementById('ds');

var dm = document.getElementById('dm');

var rr = document.getElementById('rr');

var st = document.getElementById('st');

var dw = document.getElementById('dw');

var num = 0;

var pmh = ds.offsetHeight;

var pmw = ds.offsetWidth;

function mu()

{

var dd = document.createElement('div');

dd.setAttribute('class','ss');

dd.innerHTML = dm.value;

dm.value='';

ds.appendChild(dd);

dd.style.fontSize = fontSize;

dd.style.color = '#'+thisColor;

dd.style.left = '900px';

dd.style.top = Math.floor(Math.random()*(pmh-30))+'px';

var l = pmw-dd.offsetWidth;

var tim = null;

tim = setInterval(function(){

l--;

if( l <= (0-dd.offsetWidth) ){

clearInterval(tim);

ds.removeChild(dd);

}

dd.style.left = l+'px';

},20)

}

rr.οnclick=function()

{

num++;

if(num%2==0)

{

rr.style.background = '#006600';

ds.style.display='block';

num=0;

}

else

{

rr.style.background = '#dddddd';

ds.style.display='none';

}

};

st.οnclick=function()

{

if(dm.value!=''&&dm.value.length<=25)

{

mu();

}

else

{

alert('输入不能超过25个字符!');

}

};

document.οnkeydοwn=function(even)

{

var event=even||window.event;

if(event.keyCode==13)

{

if(dm.value!=''&&dm.value.length<=25)

{

mu();

}

}

};

dm.οnclick=function()

{

dw.style.display='none';

setInterval(obj,10);

};

function obj()

{

if(dm.value!=''&&dm.value.length<=25)

{

st.style.background='#ffa178';

}

else

{

st.style.background='#00A2D6';

}

}

这是一个视频弹幕特效代码，需要的朋友可以直接下载使用，更多特效代码尽在PHP中文网。

申明：php中文网下载站匠心打造专业的IT资源下载站！一切资源免费，来源网络收集，请自行检测软件的完整性。交流QQ群：916808767