当前位置：Gxlcms > JavaScript > 仿Vista进程条效果

仿Vista进程条效果

时间：2021-07-01 10:21:17 帮助过：65人阅读

<html xmlns="http://schemas.microsoft.com/intellisense/html-401"> <head> <title></title> </head> <body> <image src="https://img.gxlcms.com//Uploads-s/new/2019-09-17-201917/2007322214542779.jpg" style="position: absolute; left: 84px; top: 137px;" /> <img src="https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-09-17-201917/2007322214550990.jpg"/> 加载中请稍候...... </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需刷新才能执行]

仿Vista进程条效果

人气教程排行