仿Vista進(jìn)程條效果

2019-11-21 02:11:53

字體：大中小

供稿：網(wǎng)友

<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="http://files.VeVB.COm/upload/2007322214542779.jpg" style="position: absolute;              left: 84px; top: 137px;" />          <div   class="iwvjtn8m0"   id="pb" style="position: absolute; left: 86px; top: 137px;z-index:5;overflow:hidden;width:130;" >              <img src="http://files.VeVB.COm/upload/2007322214550990.jpg"/>              <div   class="iwvjtn8m0"   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需刷新才能執(zhí)行]

上一篇：用Javascript判斷圖片是否存在，不存在則顯示默認(rèn)圖片的代碼

下一篇：實時編輯網(wǎng)頁網(wǎng)頁文字實時編輯，如同TEXTBOX一般