清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>
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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> < html > < head > < title >javascript弹幕</ title > < meta http-equiv = "Content-Type" content = "text/html; charset=gb2312" /> < style > #play{ width:600px; height:500px; background-color:#000; } #tangmu{ width:600px; height:500px; background-color:#fff; z-index:9999; background-color: rgba(000, 1, 000, 0.1); } #textStyle{ position:absolute; font-size:24px; color:#fff; } </ style > </ head > < body > < div id = "play" > < div id = "tangmu" > </ div > </ div > < input type = "text" id = "text" value = "这是弹幕..." />< input type = "button" value = "发送" onClick = "tangmu();" /> < script > var si; function tangmu(){ clearInterval(si); var text = document.getElementById("text"); var tangmu = document.getElementById("tangmu"); var textStyle="< font id=\"textStyle\">"+text.value+"</ font >"; mathHeight = Math.round(Math.random()*tangmu.offsetHeight)+"px"; var textLeft=tangmu.offsetWidth+"px"; tangmu.innerHTML=textStyle; var textStyleObj = document.getElementById("textStyle"); textStyleObj.style.left=textLeft; textStyleObj.style.top=mathHeight; var x=parseInt(textStyleObj.style.left); si = setInterval("xunhuan("+x+")",100); } function xunhuan(left){ var textStyleObj = document.getElementById("textStyle"); textStyleObj.style.left=left; var x=parseInt(textStyleObj.style.left); if(x< textStyleObj.style.width ){ document.getElementById("tangmu") .innerHTML = "" ; clearInterval(si); }else{ x- = 18 ; } textStyleObj.style.left =x+"px"; } </script> </ body > </ html > |