`
wfdoublext
  • 浏览: 129815 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

vml圆角,箭头(IE)

阅读更多
<HTML xmlns:v>
<HEAD>
<title>WebForm5</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<style> v\:* { BEHAVIOR: url(#default#VML) } </style>
<script language="javascript">
function aa()
{
var vv=document.getElementById('vv');
vv.style.top=vv.style.top+150;
vv.style.left=vv.style.left+100;
}
function vv()
{
var vv=document.getElementById("vv");
vv.style.top=150;
vv.style.left=200;
setInterval(" aa()",1000);



}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<v:RoundRect id="vv" style="WIDTH:400px;POSITION:relative;HEIGHT:300px" fillcolor="green" arcsize="4321f"
coordsize="21600,21600">
<asp:Label ID="dd" Runat="server">asp label</asp:Label>
<br>
<asp:Button ID="btn" Runat="server" Text="asp button"></asp:Button>
</v:RoundRect>
<br>
<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;<button id="tt" type="button" onclick="vv()">click me!</button>
<v:line style="POSITION:absolute" strokecolor='#ceceff' StrokeWeight='7pt' from='150pt,75pt'
to='375pt,75pt'>
<v:shadow on="t" type="single" color="#b3b3b3" offset="1.5pt,1.5pt" />
<v:Stroke Endarrow='classic' />
</v:line><FONT face="MS UI Gothic"></FONT><FONT face="MS UI Gothic"></FONT>
<v:line style="POSITION:absolute" strokecolor='#ceceff' StrokeWeight='7pt' from='15pt,7.5pt'
to='375pt,7.5pt'>
<v:shadow on="t" type="single" color="#b3b3b3" offset="1.5pt,1.5pt" />
<v:Stroke Endarrow='classic' />
</v:line>
</form>
</body>
</HTML>
  • 大小: 15 KB
分享到:
评论

相关推荐

    vml实现圆角表格

    总结来说,VML提供了一种在老版IE浏览器中实现圆角图形的方法,尤其是对于圆角表格的创建。虽然现代浏览器已经广泛支持CSS3,但在维护旧项目或确保向后兼容时,理解并运用VML仍然是有价值的技能。

    vml 箭头

    vml 箭头 javascirpt 脚本

    vml之圆弧加箭头

    "vml之圆弧加箭头"这个主题主要涉及如何使用VML来绘制带有箭头的圆弧。以下将详细讲解如何实现这一功能: 1. **VML基础**: - VML通过使用`&lt;v:shape&gt;`元素来定义形状,如圆弧。每个`&lt;v:shape&gt;`元素都有一个`type`...

    vml.zip_VML_vml ie

    VML在微软的IE浏览器中得到了很好的支持,这使得它成为开发跨平台图形解决方案的一个选择,特别是在那些需要兼容旧版IE的项目中。 标题"vml.zip_VML_vml ie"表明这个压缩包包含的是与VML相关的资源,特别是针对...

    div圆角兼容ie8

    2. IE8兼容性解决方案:要使圆角在IE8中生效,可以使用Vml(Vector Markup Language)或者CSS3 PIE(Progressive Internet Explorer)库。Vml是一种微软专为IE设计的矢量图形语言,而CSS3 PIE则是一个JavaScript和...

    vml介绍(ie绘图)

    VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML,其中的文本和...

    让IE6、IE7、IE8支持CSS3的圆角、阴影样式

    CSS3 PIE通过VML(Vector Markup Language)来模拟圆角效果,并支持`border-radius`、`box-shadow`等属性。只需在HTML元素上添加特定的类名,然后在页面加载完成后调用该插件即可。 ```html ...

    DIV+CSS IE圆角

    "DIV+CSS IE圆角"这个主题就是针对这个问题,探讨如何使IE浏览器也能支持圆角效果。 在CSS3中,`border-radius`属性是实现圆角的关键,它可以为元素的四个角落设置不同的圆角半径。例如: ```css .box { border-...

    圆角-ie8.rar

    一种常见的方法是使用VML(Vector Markup Language),它是微软推出的一种矢量图形语言,可以在IE5.5到IE8中创建图形,包括圆角。开发者可以使用JavaScript库如jQuery Corner或CSS Hack来实现这种效果。这些库通过...

    解决IE浏览器图片圆角

    4. **VML(Vector Markup Language)**:这是一种微软的矢量图形语言,可以在IE6-IE8中创建圆角。通过创建VML形状并将其与图片结合,可以实现圆角效果,但这需要编写较多的额外代码。 5. **CSS3 PIE (CSS3 ...

    js倒圆角以及IE6png阴影的hack

    例如,jQuery Corner插件可以自动将指定的DOM元素的四角转换为圆角,而CSS3 PIE则通过VML(Vector Markup Language)技术在IE6-IE8中实现类似CSS3的效果。 接着,我们来看看如何处理IE6下的PNG透明阴影。IE6对PNG-...

    VML(IE绘图)

    由于VML是为IE设计的,因此在其他浏览器如Firefox、Chrome或Safari中并不原生支持,这限制了其跨平台的兼容性。 VML的核心概念包括以下几个方面: 1. **元素**:VML中的图形由不同的元素组成,如`&lt;v:rect&gt;`(矩形...

    IE6等各种浏览器兼容圆角

    综上所述,实现IE6等旧版浏览器的圆角效果需要采用一些非标准的方法,如VML、CSS Behavior、JavaScript库或图片切片。随着现代浏览器的普及,这些技术逐渐被淘汰,但了解它们对于处理遗留项目仍然有价值。在实际开发...

    css3 支持ie8以下圆角

    CSS3 PIE通过VML(Vector Markup Language)技术来模拟圆角效果,提供对IE6-IE9的兼容性。 3. 使用CSS3 PIE: 要使用CSS3 PIE,你需要在HTML文件中引入PIE的JavaScript文件,并在需要圆角的元素上添加特定的class...

    ie完美兼容css3圆角

    总结,要解决IE6、IE7、IE8对CSS3圆角的兼容性问题,可以采用如CSS3 PIE这样的JavaScript库,或使用图片背景和VML等替代方案。无论选择哪种方法,都需要进行充分的测试和优化,以确保在提供美观的视觉效果的同时,...

    vml及Flashvml在线画图用例

    VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML,其中的文本...

Global site tag (gtag.js) - Google Analytics