📄 js+vml-
字号:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; Charset=gb2312">
<META name="GENERATOR" content="网络程序员伴侣-Lshdic 2002">
<STYLE>
a{text-Decoration:none;}
a:hover{color:red;text-Decoration:underline}
td{font-size:12px}
</STYLE>
</HEAD>
<BODY alink='red' vlink='#6772CD' link='#6772CD' style='margin:1;'>
<table width='770' align=center cellspacing=0 cellpadding=0><tr><Td>
<!--以下为左方导航表-->
<TABLE cellspacing=0 cellpadding=0 width=135 align='left' bgcolor='#BBE2F5' rules=none frame=lhs bordercolordark=white bordercolorlight=dddddd border=1>
<TR>
<Td valign=top height=722 id=myid2><img src='image/right.gif'> <A href='newuser.asp' style='color:Red'>注册会员</a> <a href='olduser.asp' style='color:red'>会员登陆</a><p>
注册会员:1171人<br>
当前在线:2人<br>
今日访问:6次<br>
总共访问:245次
<p> <br>用户:<a href='ismy.asp?user=Lshdic' target='_blank'>Lshdic</a><br>
<img src='image/user25.gif' width='60' height='60' align=left>
经验:20308<br>
身份:版主<br>
<a href='exitbbs.asp?user=lshdic' style='color:green'>退出登陆</a><br>
<a href='xiougai.asp' style='color:green'>修改档案</a><p> <br>
┏论坛栏目┓<A href='../index.asp' style='color:red'>首页</a> <A href='index.asp' style='color:red'>论坛</a><p>
<TABLE cellspacing=0 cellpadding=2 width=100% id=instrtab><tr><Td>
1:<A href='page.asp?dex=网页版面美工设计' style='color:1210dd'>网页版面美工设计</a><p>
2:<a href='page.asp?dex=网页前台脚本编程' style='color:1210dd'>网页前台脚本编程</a><p>
3:<a href='page.asp?dex=网页后台脚本编程' style='color:1210dd'>网页后台脚本编程</a><p>
4:<a href='page.asp?dex=Xml与Net时代编程' style='color:1210dd'>Xml与Net时代编程</a><p>
5:<a href='page.asp?dex=软件开发交流论坛' style='color:1210dd'>软件开发交流论坛</a><p>
6:<a href='page.asp?dex=讨论区及其他学术' style='color:1210dd'>讨论区及其他学术</a><p align=left>┏会员特有权利┓___<p style='line-height:1.5'>
1:<a href='instr.asp' style='color:A36424;font-weight:bold'>搜索所有帖子</a><br>
2:<a href='instr2.asp?page=1&strs=lshdic&rad1=作者&dex=网页版面美工设计,网页前台脚本编程,网页后台脚本编程,网站站长经验交流,软件开发交流论坛,蓝丽论坛站务讨论' style='color:A36424;font-weight:bold'>我提出过的问题</a><br>
3:<a href='duanxiaoxi.asp?page=1' style='color:A36424;font-weight:bold'>收发短消息</a><br>
4:<a href='jinghua.asp?dex=网页版面美工设计' style='color:A36424;font-weight:bold'>显示本版精华贴OK</a><br>
5:<a href='../wenzhang.asp' style='color:A36424;font-weight:bold'>技术文章库</a><br>
6:<a href='../friendabout.asp' style='color:A36424;font-weight:bold' target='_blank'>论坛会员档案库</a><p>
<a href='http://www.lshdic.com/bbs'>©蓝丽论坛v<font color=red>2003.1</font></a>
</td></tr></table>
</td></TR></TABLE>
<script>
function window.onload(){
try{
myid2.height=window.document.body.scrollHeight}
catch(e){}
}
</script>
<TITLE>Js+Vml原创:制作柱状投票统计图的完整程序 -- Lshdic程序员论坛</TITLE>
<!--以下为右方内容表-->
<TABLE cellspacing=0 cellpadding=3 width=635 bordercolordark='white' bordercolorlight='black' cellspacing=0 cellpadding=0 border=1 rules=none frame=rhs>
<tr><td bgcolor=#6F81BC style='color:white' colspan=2><img src='image/redfile.gif' width=13 height=13> <b>主题</b>:Js+Vml原创:制作柱状投票统计图的完整程序 来自<a href='page.asp?dex=网页版面美工设计' style='color:yellow'>网页版面美工设计</a>,阅读83次
</td></tr><Tr bgcolor=eeeeee>
<Td width=120 align=center valign=top> <br>
<img src='image/user25.gif' height=90 width=90>
<br>楼主:<a href='ismy.asp?user=lshdic' target="_blank" title='点击查看lshdic的资料'>lshdic</a><br>经验:20308点<br><font color=#6772CD>神终级:宿命传说</font><br>02-12-4 14:08:05<br>
给作者<a href='duanxiaoxi.asp?emailto=Lshdic'>发送短消息</a><br><p><a href='userboos.asp?dex=网页版面美工设计&areyou=编辑&myclass=427&isdex=true&page=1'>编辑</a> <a href='userboos.asp?dex=网页版面美工设计&areyou=锁定&myclass=427&isdex=true&page=1'>锁定</a> <a href='userboos.asp?dex=网页版面美工设计&areyou=转移&myclass=427&isdex=true'>转移</a> <a href=javascript:if(confirm('确实要删除该贴吗?'))location='userboos.asp?dex=网页版面美工设计&areyou=删除&myclass=427&isdex=true'>删除</a>
<script>
function openw(values){
open1=window.open('','','resizable=1,scrollbars=1,menubar=0,toolbar=0,directories=0');
open1.document.open()
open1.document.write(values);
open1.document.close()
}
</script>
</td><td valign=top name=tds1>
<div style='word-Break:break-all;overflow:auto;width:490;line-height:1.5;border:1 solid orange;padding:5;border-top:0;border-right:0' id=htmdiv1>
<!--以下便是完整的 Js+Vml 制作柱状投票统计图的完整程序,保存为HTM文件运行即可看到效果<br>其中 array数组中的分组可以为6个也可以为2，3，4，5个等,运行以下程序需要您的浏览器支持VML<br>改编为ASP文件则new Array(<%=rs(0)>,<%=rs(1)>,<%=rs(2)>,<%=rs(3)>,<%=rs(4)>,<%=rs(5)>)即可<br>--><br><HTML xmlns:v><br><HEAD><br><META http-equiv="Content-Type" content="text/html; Charset=gb2312"><br><META name="GENERATOR" content="网络程序员伴侣-Lshdic 2002"><br><TITLE>蓝丽民意调查</TITLE><br><STYLE><br>td{font-size:12px}<br>body{font-size:12px}<br>v\:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量<br></STYLE><br></HEAD><br><body bgcolor=eeeeee style='border:0 solid eeeeee'><center>共有<font color=red>69</font>人参与过投票<br><br><br><script><br>array1=new Array(16,14,10,16,5,8) //不同的投票票数<br>allstr=array1[0]+array1[1]+array1[2]+array1[3]+array1[4]+array1[5] //得到总数<br>for(i=0;i<=5;i++){<br>mathstr=Math.round(100/(allstr/array1[i])) //求百分之几, 100/(总和/单个)<br>document.write ("<v:rect fillcolor='lime' style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br>&nbsp;%"+mathstr+"<br>"+array1[i]+"人<v:Extrusion backdepth='15pt' on='true'/></v:rect>")<br>}<br></script><br><p><br><table width=190><Tr><Td><br>增加新的栏目版块</td><Td>16人</td></tr><tr><td><br>完善娱乐视听</td><Td>14人</td></tr><tr><td><br>完善技术文章</td><Td>10人</td></tr><tr><td><br>完善下载中心</td><Td>16人</td></tr><tr><td><br>完善在线工具</td><Td>5人</td></tr><tr><td><br>完善程式交流论坛</td><Td>8人</td></tr></table><p><br><a href='javascript:self.close()' style='text-Decoration:none;'>〖关闭窗口〗</a><p><br><A href='<a href='http://www.lshdic.com' target='_blank'>http://www.lshdic.com</a>' target='_blank'><a href='http://www.lshdic.com' target='_blank'>http://www.lshdic.com</a></a> Work by 02/12/01<br></BODY><br></HTML>
<p align=right style='color:gray'>蓝丽程序员论坛收录 http://www.lshdic.com</div><br>
<input type=button value='运行在浏览器查看' style='background-color:eeeeee;border:1 cccccc solid;width:120' onclick="openw(htmdiv1.innerText)"><input type=button value='快速编辑' style='background-color:eeeeee;border:1 cccccc solid;' onclick="try{htmdiv1.contentEditable=true}catch(e){alert('您的浏览器版本过低无法使用该功能')}"> <font color=aaaaaa>注意:运行在浏览器查看时请注意含有恶意程序</a>
<p><font color=red>- - - - - - - - - - - - - - - -</font><p><font color=gray>人生尤如风云月,风来月走又一生<br>今宵愿于诸君醉,来日相别痛难绝<br>红颜一别难相见,思念欲泪恨不白<br>今生注是风云舞,何不把盏快一回<br>问何世事去匆匆,到问欲留却不住<br>悲欢聚散醉过后,惊雷醒来空空空<br><br>谁说程序员不会写诗？哈哈^o^</font></td></tr>
<Tr bgcolor=eeeeee><Td align=right colspan=2>本版版主特别权利:
<a href='boos.asp?dex=网页版面美工设计&areyou=提前&myclass=427&isdex=true'>提前</a>
<a href='boos.asp?dex=网页版面美工设计&areyou=修改&myclass=427&isdex=true&page=1'>修改</a>
<a href='boos.asp?dex=网页版面美工设计&areyou=锁定&myclass=427&isdex=true'>锁定</a>
<a href='boos.asp?dex=网页版面美工设计&areyou=置顶&myclass=427&isdex=true'>置顶</a>
<a href='boos.asp?dex=网页版面美工设计&areyou=转移&myclass=427&isdex=true'>转移</a>
<a href='javascript:if(confirm("确实要删除该贴吗?"))location="boos.asp?dex=网页版面美工设计&areyou=删除&myclass=427&isdex=true&page=1"'>删除</a>
</td></tr>
</script>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -