vml绘图(图表)功能示例

2022-07-15 80酷酷网 80kuku.com

　　

VML折线图，曲线图都很方便,不需要任何插件，VML只支持IE

以下是HTML网页特效代码，点击运行按钮可查看效果：以下是程序代码<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40";;;;><title>利用vml实现曲线图的简单例子</title><head><meta http-equiv="Content-Language" content="zh-cn"><style>v\:* { behavior: url(#default#VML) }o\:* { behavior: url(#default#VML) }.shape { behavior: url(#default#VML) }.node{font-size:11px;font-family:Verdana;width:1px;color:#000000;}.node a{color:#000000;text-decoration:none}.node a:hover{color:#FF0000;text-decoration:underline}.highlight{background-color:#FFFFFF;color:#2D6197;border:0px}.highlight a{color:#2D6197}img{border:0}</style></head><body> <div <v:rect id="BackRect" <v:rect fillcolor="#E7F3FF"/> <span nowrap>访问页面数</span> <v:rect fillcolor="#9CC7FF"/> <span nowrap>访问ＩＰ数</span> <span <span <span <span <v:line from="1px,50px" to="537px,50px" strokecolor="#808080"> <v:stroke src="./images/image001.gif" title="" filltype="pattern"/> </v:line> <v:line from="1px,100px" to="537px,100px" strokecolor="#808080"> <v:stroke src="./images/image001.gif" title="" filltype="pattern"/> </v:line> <v:line from="1px,150px" to="537px,150px" strokecolor="#808080"> <v:stroke src="./images/image001.gif" title="" filltype="pattern"/> </v:line><span <span <span <span <span <span <v:line from="98px,176.074074074074px" to="120px,186.888888888889px" strokecolor="#00659C"/> <span <v:line from="120px,186.888888888889px" to="142px,193.407407407407px" strokecolor="#00659C"/> <span <v:line from="142px,193.407407407407px" to="164px,195.111111111111px" strokecolor="#00659C"/> <span <v:line from="164px,195.111111111111px" to="186px,191px" strokecolor="#00659C"/> <span <v:line from="186px,191px" to="208px,181.62962962963px" strokecolor="#00659C"/> <span <v:line from="208px,181.62962962963px" to="230px,164.555555555556px" strokecolor="#00659C"/> <span <v:line from="230px,164.555555555556px" to="252px,147.555555555556px" strokecolor="#00659C"/> <span <v:line from="252px,147.555555555556px" to="274px,127.962962962963px" strokecolor="#00659C"/> <span <v:line from="274px,127.962962962963px" to="296px,109.333333333333px" strokecolor="#00659C"/> <span <v:line from="296px,109.333333333333px" to="318px,97.5925925925926px" strokecolor="#00659C"/> <span <v:line from="318px,97.5925925925926px" to="340px,92.3333333333333px" strokecolor="#00659C"/> <span <v:line from="340px,92.3333333333333px" to="362px,78.2962962962963px" strokecolor="#00659C"/> <span <v:line from="362px,78.2962962962963px" to="384px,67.8888888888889px" strokecolor="#00659C"/> <span <v:line from="384px,67.8888888888889px" to="406px,60.5555555555555px" strokecolor="#00659C"/> <span <v:line from="406px,60.5555555555555px" to="428px,53.4814814814815px" strokecolor="#00659C"/> <span <v:line from="428px,53.4814814814815px" to="450px,40.4074074074074px" strokecolor="#00659C"/> <span <v:line from="450px,40.4074074074074px" to="472px,33.2592592592593px" strokecolor="#00659C"/> <span <v:line from="472px,33.2592592592593px" to="494px,25.4814814814815px" strokecolor="#00659C"/> <span <v:line from="494px,25.4814814814815px" to="516px,25.1481481481482px" strokecolor="#00659C"/> <v:line from="0px,109px" to="538px,109px" strokecolor=red> <v:stroke src="./images/image001.gif" title="" filltype="pattern"/> </v:line></div></body></html> </font><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

分享到

微信分享
新浪微博
QQ好友
QQ空间

上一篇构成网页的基本元素

下一篇HTML 初学者指南(3)