2012-11-08 来源:网络
【实例名称】
使用VML打造可改变大小的圆框
【实例描述】
在网页中画一个图片并不是简单的事情,因为其不提供c#语言中的GDI类库。本例学习如何使用VML轻松地画一个圆框。VML相当于IE里的画笔,能实现几乎所有想要的图片,而且结合JavaScript脚本还可以让图片产生动态的效果。
【实例代码】
<html Xmlns:v="urn:schemas-microsoft-com:vml"> <style> <!-- v\:* {behavior:url(#default#VML);} --> </style> <body onmousemove='with(document.all.test.style) {width=event.x;height=event.y;}'> <v:oval id=test style="width: 100; height: 100"> <v:stroke weight="1px" color="navy"/> </v:oval> </body> </html>
【运行效果】
【难点剖析】
在VML里标记使用的是Xml扩展,这需要一个命名空间_可以使用惯用的“v”作为命名空间,这就形成本例代码的第一行。样式表中的内容主要作用是把命名空间“v”和系统预定义的VML行为连接起来。“v:oval”和“v:stroke”是VML中的一些图片分类。具体的图片定义可参考VML的相关资料。
【源码下载】
为了JS代码的准确性,请点击:使用VML打造可改变大小的圆框 进行本实例源码下载