使用 Vml 制作立体柱状投票统计图的完整程序-白红宇的个人博客

使用 Vml 制作立体柱状投票统计图的完整程序

发布日期：2021-06-30 19:13:27 浏览次数：4 分类：技术文章

本文共 1437 字，大约阅读时间需要 4 分钟。

作者：lshdic

<!--以下便是完整的 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)>)即可

-->

<HEAD>

<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>

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>

增加新的栏目版块</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='http://www.lshdic.com' target='_blank'>http://www.lshdic.com</a> Work by 02/12/01

</BODY>

</HTML>

转载地址：https://linuxstyle.blog.csdn.net/article/details/155131 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：Asp.net+Xml实现无数据库论坛一点即通

下一篇：经典的导航二级式导航菜单增强版

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章