仿Vista进程条效果

时间：2022-06-04 12:20:10|栏目：JavaScript代码|点击：次

<html xmlns="http://schemas.microsoft.com/intellisense/html-401">  <head>      <title></title>  </head>  <body>      <div style="position:absolute;top:10%;width:100; left: 108px;">          <image src="/upload/2007322214542779.jpg" style="position: absolute;              left: 84px; top: 137px;" />          <div id="pb" style="position: absolute; left: 86px; top: 137px;z-index:5;overflow:hidden;width:130;" >              <img src="/upload/2007322214550990.jpg"/>              <div id="highlight" style="background:#ffffff;left: -500px; position: absolute; top: -1px;width:100;height:20;filter:Alpha(Opacity=75,FinishOpacity=0,Style=2)"></div>          </div>          <div style="position:absolute;top:83px;width:180px; left: 148px;">          加载中请稍候......          </div>      </div>  </body>  <script type="text/jscript">  function DoubleAnimation(target,targetProperty,from,to,Duration)  {      this.Begin=function anonymous()      {          target[targetProperty]=from;          var starttime=new Date();          setTimeout(StoryBoard(),1);          function StoryBoard()          {              return function()              {                                   var now=new Date();                  var d=now.getTime()-starttime.getTime();                  target[targetProperty]=Math.round(from+(to-from)*d/Duration);                  if(d<Duration)setTimeout(StoryBoard(),10);              }          }      }  }  var story=new DoubleAnimation(highlight.style,"left",-100,100,1300)  setInterval("story.Begin()",1300);  </script>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：一起来了解一下JavaScript的预编译(小结)

栏目：JavaScript代码

下一篇：BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤

本文标题：仿Vista进程条效果

本文地址：http://www.codeinn.net/misctech/203700.html

更多JavaScript代码

JavaScript代码

仿Vista进程条效果

阅读排行

推荐教程