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>


  • 相关阅读:
    前端常见跨域解决方案
    VS单元测试--初级篇
    高等数学思路
    二元函数求极值判别式AC-B^2
    向量积详解
    伯努利分布均值和方差
    两个标准正态随机变量相乘的方差
    a分位数与双侧a分位数
    中心极限定理概念理解与记忆
    样本方差概念解析
  • 原文地址:https://www.cnblogs.com/jcomet/p/1242838.html
Copyright © 2011-2022 走看看