用DIV做的三种走势图效果

用div做的走势图，高度根据动态变化的数据改变，有三种效果：从上到下、从左到右、从下到上。

从上到下

<style> div{float:left;margin-right:2px;width:10px;background:#f00;} </style> <div style="height:100px"></div> <div style="height:200px"></div> <div style="height:300px"></div> <div style="height:500px"></div> <div style="height:200px"></div>

从左到右

<style> div{clear:both;margin-bottom:2px;height:10px;background:royalblue;} </style> <div style="width:100px"></div> <div style="width:200px"></div> <div style="width:300px"></div> <div style="width:500px"></div> <div style="width:200px"></div>

从下到上

<style> #wrap {position:relative;width:500px;height:600px;} #wrap div{width:15px;position:absolute;bottom:5px;background:#f00;} </style> <div id="wrap"> <div style="height:100px;left:10px"></div> <div style="height:200px;left:30px"></div> <div style="height:300px;left:50px"></div> <div style="height:500px;left:70px"></div> <div style="height:200px;left:90px"></div> </div>