使用javascript實現雪花飄落的效果_javascript技巧

就把圖片改成雪花圖，完成一個雪花飄下的效果。

并且，其中有些內容比較陳舊了，那么就學者改掉吧。

包括：

1.對left和top的操作僅支持IE瀏覽器，這咋行，必須得支持chrome。
2.控制圖片下落的過程還要去檢索element，不好吧，那就改成數組維持，直接操作數組中維持的對象，啟不更快。
3.向文檔中添加元素直接改成通過JS代碼創建元素對象的方式。

實現思路：

1.初始化生成10個div，全都采用絕對定位，每個div中放一個雪花圖片，設置好寬高，并保存在數組中，便于后面下雪的函數直接操作。
2.初始化每個div的橫坐標和縱坐標，總要給雪花一個下落的起始位置吧。
3.初始化為每個雪花都設一個縱向的下落步長，一個橫向的擺動步長，這樣每個雪花都會以不同的速度下落和擺動。
4.做一個下雪的函數，每10秒調一下該函數，每調一次該函數，就是控制每個雪花在縱向下落一個自身的步長，橫向的擺動通過正弦函數算出一個正弦值后乘以幅度，這樣雪花下落就是按照正弦波形的方式進行。

圖片可以網上隨便找。

以下代碼兼容IE8+，Chrome。

代碼如下:

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com