注册 | 登录 忘记密码？ 51cto首页 | 博客 | 论坛 | 招聘
热点文章 科普系列之-使用Windows的..
　帮助
《案例精解企业级网络构建》赠书活动开始啦！ 　最新活动：“Web安全大家谈”有奖征文 博主的更多文章>>

MS VML示例

2006-08-08 15:24:25
　标签：　　　[推送到技术圈]


<html xmlns:v="urn:schemas-microsoft-com:vml">
<style>
v:* { behavior: url(#default#vml) }
</style>

<body>

<!---边柜-->
<v:group id="group1" style="width:500pt;height:500pt;" coordorig="0,0" coordsize="1000,1000">
<v:line from="0,0" to="500,0" style="z-index:8;position:absolute" strokeweight="1pt">
</v:line>
<v:line from="500,0" to="500,500" style="z-index:8;position:absolute" strokeweight="1pt">
</v:line>
<v:line from="500,500" to="0,500" style="z-index:8;position:absolute" strokeweight="1pt">
</v:line>
<v:line from="0,500" to="0,0" style="z-index:8;position:absolute" strokeweight="1pt">
</v:line>
<!--坐标轴-->
<!--x-->
<v:line from="100,400" to="450, 400" style="z-index:8;position:absolute" strokeweight="1pt">
<v:stroke startarrow="" endarrow="classic" dashstyle="solid" color="red" />
</v:line>
<!--y-->
<v:line from="100,400" to="100, 50" style="z-index:8;position:absolute" strokeweight="1pt">
<v:stroke startarrow="" endarrow="classic" dashstyle="solid" color="red"/>
</v:line>

<!--标记x轴-->
<v:shape style="positi relative; width: 100px; height: 100px; left:420; top:400">
<v:textbox>
<f size="2" face="arial">
x
</f
</v:textbox>
</v:shape>

<!--标记y轴-->
<v:shape style="positi relative; width: 100px; height: 100px; left:100; top:50">
<v:textbox>
<f size="2" face="arial">
y
</f
</v:textbox>
</v:shape>

<!--标记原点坐标-->
<v:shape style="positi relative; width: 100px; height: 100px; left:50; top:400">
<v:textbox>
<f size="2" face="arial">
o(0, 0)
</f
</v:textbox>
</v:shape>

<!--标记x轴刻度-->
<v:line from="200,395" to="200,405" style="z-index:8;position:absolute" strokeweight="3pt">
</v:line>
<v:line from="300,395" to="300,405" style="z-index:8;position:absolute" strokeweight="3pt">
</v:line>
<v:line from="400,395" to="400,405" style="z-index:8;position:absolute" strokeweight="3pt">
</v:line>

<v:shape style="positi relative; width: 100px; height: 100px; left:180; top:400">
<v:textbox>
<f size="2" face="arial">
1
</f
</v:textbox>
</v:shape>
<v:shape style="positi relative; width: 100px; height: 100px; left:280; top:400">
<v:textbox>
<f size="2" face="arial">
2
</f
</v:textbox>
</v:shape>
<v:shape style="positi relative; width: 100px; height: 100px; left:380; top:400">
<v:textbox>
<f size="2" face="arial">
3
</f
</v:textbox>
</v:shape>

<!--标记y轴刻度-->
<v:line from="95,300" to="105,300" style="z-index:8;position:absolute" strokeweight="3pt">
</v:line>
<v:line from="95,200" to="105,200" style="z-index:8;position:absolute" strokeweight="3pt">
</v:line>
<v:line from="95,100" to="105,100" style="z-index:8;position:absolute" strokeweight="3pt">
</v:line>

<v:shape style="positi relative; width: 100px; height: 100px; left:95; top:280">
<v:textbox>
<f size="2" face="arial">
1
</f
</v:textbox>
</v:shape>
<v:shape style="positi relative; width: 100px; height: 100px; left:95; top:180">
<v:textbox>
<f size="2" face="arial">
2
</f
</v:textbox>
</v:shape>
<v:shape style="positi relative; width: 100px; height: 100px; left:95; top:80">
<v:textbox>
<f size="2" face="arial">
3
</f
</v:textbox>
</v:shape>


<!--折线测试-->
<v:polyline id="poly1" style="visibility:hidden;z-index:9" filled=f strokecolor=blue strokeweight=1.5pt points="10,20 20,11 23,43 44,23 102,33 50,120"/>


</v:group>
<input type="butt value="ccc"
<script language="javascript">
function test()
{
poly1.style.visibility='';
}
</script>
</body>


上一篇 春之魂　



    文章评论
 
 

发表评论

昵   称：
验证码： 　点击图片可刷新验证码　　博客过2级，无需填写验证码
内   容：