回覆列表
  • 1 # 阿蔥科技

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

  • 2 # 震重

    瀑布流佈局

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

    行插入方法

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

  • 中秋節和大豐收的關聯?
  • 落入水中如何自救?