使用 Vml 制作立体柱状投票统计图的完整程序
?
?
?
作者：lshdic?? http://blog.csdn.net/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)>)即可
-->
<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>
總結
以上是生活随笔為你收集整理的使用 Vml 制作立体柱状投票统计图的完整程序的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 经典的导航二级式导航菜单增强版
- 下一篇： X@X.X域名转向的实现