<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>HTML5 3D动画柱形图在线演示</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<div id="wrapper">
<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<div id="content">
<ul id="bar">
<li id="iphone">
<div class="top">
<img src="images/iphone.png" alt="iPhone" />
</div>
<div class="bottom">
<div class="infobox">
<h3>iPhone</h3>
<p>80,1</p>
</div>
</div>
</li>
<li id="macbook">
<div class="top">
<img src="images/macbook.png" alt="MacBook" />
</div>
<div class="bottom">
<div class="infobox">
<h3>MacBook</h3>
<p>102,6</p>
</div>
</div>
</li>
<li id="ipod">
<div class="top">
<img src="images/ipod.png" alt="iPod" />
</div>
<div class="bottom">
<div class="infobox">
<h3>iPod</h3>
<p>198,4</p>
</div>
</div>
</li>
<li id="cinema">
<div class="top">
<img src="images/cinema.png" alt="Cinema Display" />
</div>
<div class="bottom">
<div class="infobox">
<h3>Cinema Display</h3>
<p>38,2</p>
</div>
</div>
</li>
<li id="macmini">
<div class="top">
<img src="images/macmini.png" alt="Mac Mini" />
</div>
<div class="bottom">
<div class="infobox">
<h3>Mac Mini</h3>
<p>55,6</p>
</div>
</div>
</li>
</ul>
<div id="apple">
<img src="images/apple.png" alt="Apple Inc" />
<p>Numbers in millions sold<br />*Numbers are fictional</p>
</div>
</div>
</div>
</body>
</html>