Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条-白红宇的个人博客

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

发布日期：2021-06-30 19:13:24 浏览次数：4 分类：技术文章

本文共 1106 字，大约阅读时间需要 3 分钟。

//原作:风云舞,载自:

<HEAD>

<TITLE>效果不错的VML进度条</TITLE>

<STYLE>

v/:*{behavior:url(#default#VML);}

*{font-size:12px;color:;}

</STYLE>

</HEAD>

<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>

//原作:风云舞,载自:

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 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：在做会员资料修改时,实现下拉菜单的默认项定位

下一篇：ASP.NET2.0 遍历文件夹下所有图片【月儿原创】

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章