思路就是這裡有5條彈道，彈幕就是出現在這5條彈道之間的一條。具體劃多少條彈道，每條彈道的寬度要看你的背景和你自己的設計了。 好了，彈道有了，怎麼建立彈幕呢？這裡我們用到了appendChild方法，每個彈幕的內容都是隨機的。然後我固定了彈幕的數量，並且加了定時器， 當彈幕到達左邊時，彈幕內容再次隨機，輸入框傳送的彈幕出現一次後，將內容加入到預備詞庫中，並將此彈幕刪除。防止彈幕過多報錯。 同時每個彈幕出現的時機肯定不能相同，所以我在每個彈幕最開始出現時加了延遲。 大概的設計就是這樣了，這裡還是總結一下存在的問題： 1.彈幕有時會出現同時出現在同一個彈道上，甚至重疊，暫時還沒找到原因。 2.當輸入框連續多次傳送彈幕時，可能會因為彈道不夠出現意外的情況。 3.與真正的彈幕相比，只是簡易版的，功能單一。 部分程式碼貼上：

瀑布流佈局

利用js生成有序的彈幕清單，按列分組，分成N多組彈幕，然後利用CSS做瀑布流佈局即可。

行插入方法

比如，我們彈幕分為十行展示，那麼，假設他們是10個p標籤，我們需要做的就是往每一個P標籤裡面分別插入一個span標籤，然後利用CSS設定p標籤之間的間距，以及span標籤之間的間距，就可以控制彈幕不重疊啦