`

Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条

阅读更多
//原作:风云舞,载自:http://www.lshdic.com/bbs


<HTML xmlns:v>
<HEAD>
<META http-equiv='Content-Type' content='text/html;charset=gb2312'>
<Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2004'>
<TITLE>效果不错的VML进度条</TITLE>
<STYLE>
v\:*{behavior:url(#default#VML);}
*{font-size:12px;color:;}
</STYLE>
</HEAD>
<BODY topmargin='2' leftmargin='2'>
<div style='table-Layout:fixed;width:100%;height:100%;border:1 solid black'>
<v:RoundRect id='a' style='position:absolute;left:300;top:250;height:29;'>
<v:Textbox inset='5px,5px,5px'><b><font color='red' id='jindu'></font></b></v:textbox>
<v:fill type='gradient' id='fill1' color='blue'/>
</v:RoundRect>
</div>
<script>
//原作:风云舞,载自:http://www.lshdic.com/bbs
var pos1=1,posall=200  //定义全局变量,pos1为当前进度,posall为总进度
function play1(){ //播放函数
if(pos1<posall)pos1+=1;else{pos1=1;fill1.color="rgb("+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+","+Math.round(Math.random()*255)+")"}
a.style.width=Math.round(300/(posall/pos1));jindu.innerText=pos1+"/"+posall+","+Math.round(100/(posall/pos1))+"%"
fill1.angle=Math.round(300/(posall/pos1))
}
setInterval("play1()",10) //10毫秒播放一次,一般CPU保证能消化~~~
</script>
</BODY>
</HTML>
分享到:
评论

相关推荐

    vml+javascript直接在浏览器中绘制动态曲线图实例(源码-+Think in vml +vml+极道教程)

    在“vml+javascript直接在浏览器中绘制动态曲线图实例”中,我们主要学习如何通过JavaScript与VML结合,在不支持SVG(Scalable Vector Graphics)的老版IE浏览器中绘制动态曲线图。SVG是另一种更现代的矢量图形标准...

    网页制作完全手册!dhtml+html+css+htc+time+vml+滤镜~等等

    dhtml+html+css+htc+time+vml+滤镜~等等"则涵盖了这一领域多个关键知识点,旨在帮助初学者和进阶者全面理解网页设计与开发。下面我们将详细探讨这些技术及其在网页制作中的应用。 首先,HTML(HyperText Markup ...

    vml+javascript直接在浏览器中绘制动态曲线图实例(源码-+Think+in+vml++vml+极道教程)

    这个"vml+javascript直接在浏览器中绘制动态曲线图实例"提供了源码,可以帮助我们理解如何使用VML和JavaScript实现这一功能。首先,我们需要在HTML页面中定义VML的命名空间,并设置CSS样式以便在IE浏览器中正确显示...

    CSS+HTML+DHTML+VML网页制作

    说明 ...本手册的内容全部来自Microsoft MSDN Library,若有疑问可直接访问Microsoft MSDN Library。 由于链接众多,错误之处在所难免,希望各位用户指正。由此带来的一切后果,本人概不负责。 ...

    vml+flashVML

    压缩包中的"vml"文件可能包含一些基本的VML示例代码,而"vml+flashvml"文件可能包含了关于如何结合Flash和VML的教程或实例代码。 总的来说,学习和理解VML及Flash VML可以帮助开发者在早期的网页环境中创建出美观且...

    用VML+JavaScript写的一个通用统计图表

    在这个"用VML+JavaScript写的一个通用统计图表"项目中,开发者利用VML的强大图形绘制能力和JavaScript的动态性,构建了一个适用于多种统计需求的图表库。这种图表库可以用来显示各种类型的统计数据,如柱状图、折线...

    vml+javascript直接在web页面绘制动态曲线

    vml+javascript直接在web页面绘制动态曲线

    用vml+JAVASCRIPT写的 广东省各县分布图 颜色可根据值而变

    在这个特定的案例中,"用vml+JAVASCRIPT写的 广东省各县分布图 颜色可根据值而变" 提供了一个利用Vector Markup Language (VML) 和JavaScript实现的动态广东省各县分布图。下面将详细介绍这个项目中的关键技术点。 ...

    vml fill 渐变vml fill 渐变

    当我们谈论“vml fill 渐变”时,我们关注的是如何设置一个形状的填充为渐变效果。渐变可以是线性或径向,线性渐变沿着一条直线从一种颜色平滑过渡到另一种颜色,而径向渐变则从一个中心点向外扩散,颜色从内到外...

    vml+js实现的框图编辑器

    总之,"vml+js实现的框图编辑器"是一个融合了传统与现代Web技术的示例,展示了如何用JavaScript和矢量图形技术来创建功能丰富的交互式应用。开发者可以通过研究这个项目,学习如何处理图形用户界面的交互、数据序列...

    ajax+vml+js开发实时监控和矩形报表(原稿)

    解压导入到eclipse,直接运行,IE要求5.5以上. 博文链接:https://sailinglxg.iteye.com/blog/138849

    VML+HTML实现流程图查看

    实现了vml+html中显示的,并解决了ie浏览器兼容的问题,代码直接运行便好用

    Javascript + VML + SVG 工作流设计器

    在这个“Javascript + VML + SVG 工作流设计器”项目中,它们被巧妙地结合在一起,构建了一个强大的工作流设计工具。 JavaScript,全名ECMAScript,是Web开发中的主要脚本语言,它在浏览器环境中运行,提供了动态、...

    js+vml手绘多边形

    在IT领域,JavaScript(简称JS)是一种广泛应用于网页和网络应用开发的脚本语言,而VML(Vector Markup Language)是微软推出的一种矢量图形语言,用于在网页上绘制矢量图形。本教程将深入探讨如何结合这两种技术,...

    vml+javascript实现的3d柱状图(仅适用于ie)

    开发者可能使用JavaScript库,如x-chart.js,来简化处理VML的过程,提供一个友好的API来创建和操作3D柱状图。 3D柱状图是一种数据可视化工具,它以三维方式呈现数据,使数据的对比更加直观。在VML和JavaScript的...

    vml+javascript高效曲线画图

    通过分析和学习`vChart.js`,我们可以了解到如何在实际项目中应用VML和JavaScript来高效地绘制曲线图表,这对于那些需要在老旧浏览器中展示复杂图形的开发者来说,是一种有价值的技巧。然而,需要注意的是,VML现在...

    vml+asp实现投票系统

    在信息技术领域,构建交互式的用户参与功能是提升网站活跃度的重要手段之一,而投票系统就是一个常见的应用场景。本文将深入探讨如何利用VML(Vector Markup Language)和ASP(Active Server Pages)技术来创建一个...

Global site tag (gtag.js) - Google Analytics