Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条
发布日期:2021-06-30 19:13:24
浏览次数:3
分类:技术文章
本文共 1106 字,大约阅读时间需要 3 分钟。
//原作:风云舞,载自: <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> //原作:风云舞,载自: 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>转载地址:https://linuxstyle.blog.csdn.net/article/details/155123 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
很好
[***.229.124.182]2024年04月11日 09时01分36秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
【工具使用】新版CSDN-markdown编辑器使用指南
2019-04-30
《知识图谱》阅读笔记(六)
2019-04-30
【NLP学习笔记】中文分词(Word Segmentation,WS)
2019-04-30
【NLP学习笔记】词性标注(Part-of-speech Tagging, POS)
2019-04-30
《知识图谱》阅读笔记(七)
2019-04-30
《知识图谱》阅读笔记(九)
2019-04-30
【超越白皮书7】你需要知道关于ETH2.0的几个事实
2019-04-30
超越白皮书8:穿云而过的闪电网络
2019-04-30
AMM做市无常损失对冲分析系列(一)—— 损益及期权对冲模型构建
2019-04-30
JS中document对象和window对象有什么区别
2019-04-30
【python练习题】遍历1
2019-04-30
【matlab】显示图片且下方显示文字
2019-04-30
关于greater<int>以及类模板的一些理解
2019-04-30
对于时间复杂度的通俗理解
2019-04-30
如何输入多组数据并输出每组数据的和?
2019-04-30
基于CentOS 7的Linux常用命令行命令
2019-04-30
行阶梯型矩阵
2019-04-30
信号量机制
2019-04-30
临界资源与临界区
2019-04-30