JSex2:小圓球動畫

【範例結果】

※源自codePen 由ES6 改為 JS

See the Pen Random Responsive balls in the background by Nash Vail (@nashvail) on CodePen.


一、CSS美化

二、JS設定

(1) 利用【for循環】、【push()方法】、

(2)JS 【forEach()(1)】、 【forEach()(2)】、【Element.animate()(1)】、【Element.animate()(2)

備註:其他參考來源

(1)【JavaScript 陣列處理方法 [filter(), find(), forEach(), map(), every(), some(), reduce()]

(2) 【ES6豐富的forEach循環array和map

(3)【The for Loop vs. forEach in JavaScript

(4)【在 JavaScript 棄用 For 迴圈,擁抱 Reduce、ForEach、Filter、Map