投票显示js+css(原创)

最近给公司做了个投票系统,不过投票结果显示是用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> 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值