zoukankan      html  css  js  c++  java
  • 不错的进度条

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


  • 相关阅读:
    Python为什么要self
    安全散列算法(secure hash algorithm,SHA)
    傅里叶变换

    K 最近邻(k-nearest neighbours,KNN)算法
    贪婪算法
    狄克斯特拉算法
    广度优先搜索
    快速排序
    选择排序
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242838.html
Copyright © 2011-2022 走看看