最近给公司做了个投票系统,不过投票结果显示是用flash做的HOHO
全都是动态的饼图,主图,还有曲线图
但是看到国外有用js写的动态效果于是自己写了个小例子HOHO
<html>
<script language="javascript">
/**
* 动态设置大小
* @param obj_id,动态显示div的id
* @param max,最大票数
* @madeby ok7758521ok <ok7758521ok@126.com>
*/
function setautoSize(obj_id,max)
{
var obj_item = document.getElementById(obj_id);
len = obj_item.style.width.length - 2;
cur = obj_item.style.width.substring(0,len);
//alert(cur);
if( cur < max)
{
cur++;
document.getElementById(obj_id+"_value").innerHTML=cur+"%";
obj_item.style.width= cur+"px";
window.setTimeout("setautoSize('"+obj_id+"',"+max+")",10);
}
else
{
alert(obj_id+"ok");
}
}
//JS调用方式HOHO
window.setTimeout("setautoSize('item0',300)",10);
window.setTimeout("setautoSize('item1',100)",10);
</script>
<body>
<div id="item0_value"></div><div id="item0" style="overflow: hidden; width: 1px;height:10px;background-color:#000fff;}"></div>
<br>
<div id="item1_value"></div><div id="item1" style="overflow: hidden; width: 1px;height:10px;background-color:#10ff00;}"></div>
</body>
</html>