java模拟发送弹幕_[Java教程]原生弹幕模拟

[Java教程]原生弹幕模拟

0 2017-03-07 00:00:21

#screen{

width: 600px;

height: 400px;

border: 1px solid #999;

background: url(img/big1.jpg)no-repeat left;

margin: 100px auto;

position: relative;

}

#cover{

width: 100%;

height: 300px;

position: relative;

overflow: hidden;

}

#cover span{

color: red;

position: absolute;

left: 600px;

display: block;

white-space: nowrap;

}

#p{

position: absolute;

bottom: 10px;

display: none;

}

var oScreen = document.getElementById("screen");

var oCover = document.getElementById("cover");

var oP = document.getElementById("p");

var oText = document.getElementById("text");

var oBtn = document.getElementById("btn");

var oToggle = document.getElementById("toggle");

oScreen.onmouseover = function(){

oP.style.display = 'block';

}

oScreen.onmouseout = function(){

oP.style.display = 'none';

}

oBtn.onclick = function(){

var val = oText.value;

if(val){

var ospan = document.createElement('span');

ospan.innerHTML = val;

oCover.appendChild(ospan)

}

oText.value = '';

ospan.style.top = topRandom() + 'px';

var l = ospan.offsetLeft;

var sW = ospan.offsetWidth;

var timer = setInterval(function(){

l--;

if(l

clearInterval(timer);

oCover.removeChild(ospan)

}

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

},runRandom())

}

oToggle.onoff = true;

oToggle.onclick = function(){

if(oToggle.onoff){

oToggle.value = '显示弹幕';

oCover.style.display = 'none';

}else{

oToggle.value = '隐藏弹幕';

oCover.style.display = 'block';

}

oToggle.onoff = !oToggle.onoff;

}

function topRandom(){

return Math.random()*200;

}

function runRandom(){

return Math.random()*14 + 14;

}

本文网址：http://www.shaoqun.com/a/302983.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

0