弹幕

来源：互联网发布：软件测评师试题编辑：程序博客网时间：2024/04/19 23:57
<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title></head><body style="background-color: #000000"><input type="text" id="txt" style="width: 300px;height: 50px;"/><input  type="button" value="按钮" id="btn" style="height: 50px;width: 80px;"/></body></html><script>    var btn = document.getElementById('btn');    var txt = document.getElementById('txt');    btn.onmousemove = function(){        var timer = null;        var span = document.createElement('span');        span.innerHTML = txt.value;        span.style.position = 'absolute';        span.style.left = document.body.offsetWidth +'px';        span.style.color = "rgba"+"("+parseInt(Math.random()*100)+","+parseInt(Math.random()*100)+","+parseInt(Math.random()*100)+","+Math.random()+")";        span.style.fontSize = Math.floor(document.body.offsetHeight * Math.random())+'px';        span.style.top = Math.floor(document.body.offsetHeight * Math.random()*10)+'px';        document.body.appendChild(span);        timer = setInterval(function(){            span.style.left = parseInt(span.style.left) - 4 +'px';            if(parseInt(span.style.left )< -1 * span.offsetWidth){                document.body.removeChild(span);                clearInterval(timer);            }        },50);    };</script>
0 0