1.首先創(chuàng)建彈幕框架
<input type="textarea" id="text" max=300 />
<button type="button" onclick="send()">發(fā)送</button> //
實現(xiàn)彈幕輸入和顯示
<div id="div1" style="width=80%;height:450px;background-color:white;margin-top:0px;overflow:auto">
<p id="danmu_list" "></p>
</div>//彈幕列表框架
2.js實現(xiàn)輸出
function send(){
var text = document.getElementById('text').value;
var color = document.getElementById('color').value;
var position = document.getElementById('position').value;
var time = $('#danmu').data("nowtime")+5;
var size =document.getElementById('text_size').value;
var text_obj='{ "text":"'+text+'","color":"'+color+'","size":"'+size+'","position":"'+position+'","time":'+time+'}';
$.post("stone.php",{danmu:text_obj});
var text_obj='{ "text":"'+text+'","color":"'+color+'","size":"'+size+'","position":"'+position+'","time":'+time+',"isnew":""}';
var new_obj=eval('('+text_obj+')');
$(#danmu').danmu("add_danmu",new_obj);
document.getElementById('text').value='';
//輸出部分截取
var oPNode = document.getElementById('danmu_list');//獲取p節(jié)點的對象
var node = document.createElement('p');//創(chuàng)建一個文本節(jié)點
node.innerHTML = text ;//文本內(nèi)容
oPNode.appendChild(node);//將創(chuàng)建的文本內(nèi)容插入到p節(jié)點中,追加方式
}
function sc()
{
var e=document.getElementById("div1")
e.scrollTop=e.scrollHeight;
}
var s=setInterval("sc()",200);//使文字底部顯示
