vml:制作柱状投票统计图的完整程序
时间:2007-11-02
来源:互联网
这个版块好冷清,我来转个贴
<!--以下便是完整的 Js+Vml 制作柱状投票统计图的完整程序,保存为HTM文件运行即可看到效果 其中 array数组中的分组可以为6个也可以为2,3,4,5个等,运行以下程序需要您的浏览器支持VML 改编为ASP文件则new Array(<%=rs(0)>,<%=rs(1)>,<%=rs(2)>,<%=rs(3)>,<%=rs(4)>,<%=rs(5)>)即可 --> <HTML xmlns:v> <HEAD> <META http-equiv="Content-Type" content="text/html; Charset=gb2312"> <META name="GENERATOR" content="网络程序员伴侣-Lshdic 2002"> <TITLE>蓝丽民意调查</TITLE> <STYLE> td{font-size:12px} body{font-size:12px} v\:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量 </STYLE> </HEAD> <body bgcolor=eeeeee style='border:0 solid eeeeee'><center>共有<font color=red>69</font>人参与过投票<br> <script> array1=new Array(16,14,10,16,5,8) //不同的投票票数 allstr=array1[0]+array1[1]+array1[2]+array1[3]+array1[4]+array1[5] //得到总数 for(i=0;i<=5;i++){ mathstr=Math.round(100/(allstr/array1[i])) //求百分之几, 100/(总和/单个) document.write ("<v:rect fillcolor='lime' style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br> %"+mathstr+"<br>"+array1[i]+"人<v:Extrusion backdepth='15pt' on='true'/></v:rect>") } </script> <p> <table width=190><Tr><Td> 增加新的栏目版块</td><Td>16人</td></tr><tr><td> 完善娱乐视听</td><Td>14人</td></tr><tr><td> 完善技术文章</td><Td>10人</td></tr><tr><td> 完善下载中心</td><Td>16人</td></tr><tr><td> 完善在线工具</td><Td>5人</td></tr><tr><td> 完善程式交流论坛</td><Td>8人</td></tr></table><p> <a href='javascript:self.close()' style='text-Decoration:none;'>〖关闭窗口〗</a><p> <A href='http://www.lshdic.com' target='_blank'>http://www.lshdic.com</a> Work by 02/12/01 </BODY> </HTML>
提示:您可以先修改部分代码再运行
[[i] 本帖最后由 mypda07 于 2007-11-2 22:37 编辑 [/i]]
<!--以下便是完整的 Js+Vml 制作柱状投票统计图的完整程序,保存为HTM文件运行即可看到效果 其中 array数组中的分组可以为6个也可以为2,3,4,5个等,运行以下程序需要您的浏览器支持VML 改编为ASP文件则new Array(<%=rs(0)>,<%=rs(1)>,<%=rs(2)>,<%=rs(3)>,<%=rs(4)>,<%=rs(5)>)即可 --> <HTML xmlns:v> <HEAD> <META http-equiv="Content-Type" content="text/html; Charset=gb2312"> <META name="GENERATOR" content="网络程序员伴侣-Lshdic 2002"> <TITLE>蓝丽民意调查</TITLE> <STYLE> td{font-size:12px} body{font-size:12px} v\:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量 </STYLE> </HEAD> <body bgcolor=eeeeee style='border:0 solid eeeeee'><center>共有<font color=red>69</font>人参与过投票<br> <script> array1=new Array(16,14,10,16,5,8) //不同的投票票数 allstr=array1[0]+array1[1]+array1[2]+array1[3]+array1[4]+array1[5] //得到总数 for(i=0;i<=5;i++){ mathstr=Math.round(100/(allstr/array1[i])) //求百分之几, 100/(总和/单个) document.write ("<v:rect fillcolor='lime' style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br> %"+mathstr+"<br>"+array1[i]+"人<v:Extrusion backdepth='15pt' on='true'/></v:rect>") } </script> <p> <table width=190><Tr><Td> 增加新的栏目版块</td><Td>16人</td></tr><tr><td> 完善娱乐视听</td><Td>14人</td></tr><tr><td> 完善技术文章</td><Td>10人</td></tr><tr><td> 完善下载中心</td><Td>16人</td></tr><tr><td> 完善在线工具</td><Td>5人</td></tr><tr><td> 完善程式交流论坛</td><Td>8人</td></tr></table><p> <a href='javascript:self.close()' style='text-Decoration:none;'>〖关闭窗口〗</a><p> <A href='http://www.lshdic.com' target='_blank'>http://www.lshdic.com</a> Work by 02/12/01 </BODY> </HTML>
提示:您可以先修改部分代码再运行
[[i] 本帖最后由 mypda07 于 2007-11-2 22:37 编辑 [/i]]
作者: mypda07 发布时间: 2007-11-02
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28