【实例简介】

纯HTML5制作的震撼太阳系网页

【实例截图】

【核心代码】

6a3d6d76-5d53-4cf0-b911-ce38392529fd

└── 太阳系

├── css

│   └── style.css

├── fonts

│   ├── BEBAS___-webfont.ttf

│   ├── CartoGothicStd-Book-webfont.ttf

│   ├── CartoGothicStd-Book-webfont.woff

│   ├── Franchise-Bold.ttf

│   └── MarketingScript.ttf

├── img

│   ├── 246min.png

│   ├── 30years.png

│   ├── astronauts.png

│   ├── bg.jpg

│   ├── callistopicto.png

│   ├── distance.png

│   ├── doorlight.png

│   ├── earthicon.png

│   ├── earth.jpg

│   ├── europapicto.png

│   ├── everest.png

│   ├── fuji.png

│   ├── ganymedepicto.png

│   ├── glow.png

│   ├── grid.png

│   ├── iopicto.png

│   ├── jupiter.jpg

│   ├── mariner10.png

│   ├── mars.jpg

│   ├── mass.svg

│   ├── mercury.jpg

│   ├── mercuryobs1.png

│   ├── mercuryobs2.png

│   ├── mercuryobs3.png

│   ├── messenger.png

│   ├── neptune.jpg

│   ├── olympus.png

│   ├── perimeter.svg

│   ├── previous.svg

│   ├── reflect.png

│   ├── revolution.svg

│   ├── rings1.png

│   ├── rings2.png

│   ├── rings3.png

│   ├── ruler.png

│   ├── satellite.png

│   ├── saturn-arrow1.png

│   ├── saturn-arrow2.png

│   ├── saturn-arrow3.png

│   ├── saturn.png

│   ├── spinner.gif

│   ├── temperature.svg

│   ├── tilt.png

│   ├── time.png

│   ├── tweet.png

│   ├── tweet-this.png

│   ├── uranus.png

│   ├── venus.jpg

│   ├── venussurface.png

│   ├── voyager2.png

│   └── wind.png

├── index.htm

├── js

│   ├── main.min.js

│   └── require-jquery-1.4.4.min.js

└── shared

└── mozilla-badge.js

6 directories, 61 files