仿Vista进程条效果- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 仿Vista进程条效果

Javascript: javascript innerText和innerHtml应用; 图像替换新技术状态域方法; JavaScript 判断判断某个对象是Object还是一个Array; Extjs 几个方法的讨论; JavaScript 学习笔记（十五）; javascript 匿名函数的理解（透彻版); Jquery 常用方法经典总结; jquery 批量上传图片实现代码; javascript中的array数组使用技巧; 详细讲解JS节点知识; javascript让setInteval里的函数参数中的this指向特定的对象; javaScript 关闭浏览器 (不弹出提示框); 对字符串进行HTML编码和解码的JavaScript函数; javascript 三种编解码方式; js左侧多级菜单动态的解决方案; JavaScript 学习笔记（十六） js事件; JavaScript面向对象之静态与非静态类; javascript两段代码,两个小技巧; js中鼠标滚轮事件详解(firefox多浏览器); js实现的仿Photoshop鼠标滚轮控制输入框取值(修正兼容Chrome)

No. « ‹ 282 283 284 285 › »

技术文章搜索

关键字

Javascript 中的仿Vista进程条效果

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 126 ::

收藏到网摘: n/a

用js实现的仿sohu博客更换页面风格（简单版）用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/tech/20091012/20091012084055_ede7e2b6d13a41ddf9f4bdef84fdc737.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/tech/20091012/20091012084055_7ef605fc8dba5425d6965fbd4c8fbe1f.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实现的仿sohu博客更换页面风格（简单版）用Javascript判断图片是否存在，不存在则显示默认图片的代码

Javascript 中的 仿Vista进程条效果

评论 (0) All

Javascript 中的仿Vista进程条效果