JS实现投票
来源:互联网 发布:德州金蝶软件 编辑:程序博客网 时间:2024/06/05 00:27
一、js柱状投票图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js柱状投票图</title>
<style type="text/css">
body { font-weight:bold; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; background-color:#000000;}
.zhu { margin-top:100px; width:420px; position:relative;}
.good { width:200px; position:absolute; bottom:0; left:0;
.bad { width:200px;position:absolute; bottom:0; right:0; text-align:center; background-color:#009900; height:50px;}
.and {}
</style>
<script type="text/javascript">
//innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
//value 属性可设置或返回单选按钮的 value 属性的值。
//所有css在DOM结构里面都是字符型的 没有数字型的
function TouPiao(){
var good= parseInt(document.ballot.good_num.value);
var bad= parseInt(document.ballot.bad_num.value);
var sum= good+bad;
var sum_g=Math.round(good/sum*100);
var sum_b=Math.round(bad/sum*100);
document.getElementByIdx_x_x_x("and").innerHTML = "总数为:"+sum+"票";
document.getElementByIdx_x_x_x("g").innerHTML = "好评"+sum_g+"%";
document.getElementByIdx_x_x_x("b").innerHTML = "差评:"+sum_b+"%";
document.getElementByIdx_x_x_x("g").style.height = sum_g+"px";
document.getElementByIdx_x_x_x("g").style.marginTop = (sum_g-100)+"px";
document.getElementByIdx_x_x_x("b").style.height = sum_b+"px";
document.getElementByIdx_x_x_x("b").style.marginTop = (sum_b-100)+"px";
}
</script>
</head>
<body>
<form action="" method="get" name="ballot">
好评票数:<input name="good_num" type="text" /><br />
差评票数:<input name="bad_num" type="text" /><br />
<input name="bt" type="button" value="提交" onclick="TouPiao()" />
</form>
<div class="zhu">
<div class="good" id="g">好评50%</div>
<div class="bad" id="b">差评50%</div>
</div>
<div class="and" id="and">总数为0票</div>
</body>
</html>
二、JS投票
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
--></mce:style><style mce_bogus="1">
// --></mce:script>
</table>
</HTML>
三、投票
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body{ font-size:12px;}
</style>
<script language="javascript">
</script>
</head>
<body>
<table width="50" height="50" border="1" cellpadding="0" cellspacing="0">
</table>
</body>
</html>
- JS实现投票
- JS实现投票
- JS实现投票
- JS投票
- JS注册投票Demo
- 投票统计 js
- 简单投票页面实现
- 简单投票实现
- 投票实现图片增长
- php实现代理投票
- 投票业务实现
- JaveEE实现投票程序
- php实现投票功能
- 实现投票功能
- angular实现投票
- 简单 的 js 投票页面
- 利用js模拟投票在无验证投票网页上刷票
- JSP实现投票系统源码!
- phpdocumentor2 简介安装使用详解
- 一个简单的php批量上传程序
- Hibernate4新特性
- #pragma pack() effect
- 随机数生成问题
- JS实现投票
- VS2010环境下MFC,剪贴板“复制”程序。
- 【每天一个Linux命令】15. 搜索文件命令find
- 利用JS显示与隐藏层
- Letter Combinations of a Phone Number (电话号码字母组合) 【leetcode】
- 【MySQL数据库开发之一】Mac下配置安装数据库-MySQL
- C++中虚函数功能的实现机制
- 用!important解决IE和Mozilla的布局差别
- MD5算法原理