做一個太陽系八大行星的運轉(zhuǎn)動畫，不包括行星的衛(wèi)星，所有行星圍繞太陽公轉(zhuǎn)，行星采用純色，暫時沒有自轉(zhuǎn)。

效果靜態(tài)圖：

動畫中包括：太陽及各行星，運行軌道，行星公轉(zhuǎn)動畫。

先畫好草圖，設(shè)計好大小和位置，根據(jù)公轉(zhuǎn)周期計算好動畫執(zhí)行的時間。

html的結(jié)構(gòu):

一個class為solarsys的div，作為太陽系容器元素，該div的position為relative。

行星軌道和行星都用div，position為absolute。

容器用relative和內(nèi)部元素采用absolute的定位方式，比較簡單的能實現(xiàn)效果，缺點就是大小是固定的。

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表