思路就是這里有5條彈道,彈幕就是出現在這5條彈道之間的一條。具體劃多少條彈道,每條彈道的寬度要看你的背景和你自己的設計了。好了,彈道有了,怎么創建彈幕呢?這里我們用到了appendChild方法,每個彈幕的內容都是隨機的。然后我固定了彈幕的數量,并且加了定時器,當彈幕到達左邊時,彈幕內容再次隨機,輸入框發送的彈幕出現一次后,將內容加入到預備詞庫中,并將此彈幕刪除。防止彈幕過多報錯。同時每個彈幕出現的時機肯定不能相同,所以我在每個彈幕最開始出現時加了延遲。大概的設計就是這樣了,這里還是總結一下存在的問題:1.彈幕有時會出現同時出現在同一個彈道上,甚至重疊,暫時還沒找到原因。2.當輸入框連續多次發送彈幕時,可能會因為彈道不夠出現意外的情況。3.與真正的彈幕相比,只是簡易版的,功能單一。部分代碼貼上:
網站導航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學習zblogxuexi
- zblogPHP仿站zbpfang