模拟Windows升级页面特效_Windows系统

模拟Windows升级页面特效

发表于：2007-06-08来源：作者：点击数：标签：

代码如下： html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title模拟 Windows 升级页面特效/title /head body script language= java script var BorderMove = new Object(); BorderMove.getx = function(tag) { x = tag.offse

代码如下：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>模拟<A href="http://www.ltesting.net/html/75/category-catid-375.html" target="_blank" >Windows</A>升级页面特效</title> </head> <body> <script language=<A href="http://www.ltesting.net/html/54/category-catid-154.html" target="_blank" >java</A>script> var BorderMove = new Object(); BorderMove.getx = function(tag) { x = tag.offsetLeft; while(tag = tag.offsetParent) { x += tag.offsetLeft; } return x; } BorderMove.gety = function(tag) { y = tag.offsetTop; while(tag = tag.offsetParent) { y += tag.offsetTop; } return y; } BorderMove.Init = function() { this.BeginWidth = window.document.body.offsetWidth; this.BeginHeight = window.document.body.offsetHeight; this.BeginLeft = window.document.body.offsetLeft; this.BeginTop = window.document.body.offsetTop; this.EndLeft = this.getx(this.toElementObj) + this.toElementObj.offsetWidth / 2; this.EndTop = this.gety(this.toElementObj) + this.toElementObj.offsetHeight / 2; this.TimeOut = 20; this.MoveTime = 16; this.Moved = 0 this.Distance = Math.sqrt(this.BeginLeft * this.BeginLeft + this.EndLeft * this.EndLeft); this.MoveLeft = (this.EndLeft - this.BeginLeft) / this.MoveTime; this.MoveTop = (this.EndTop - this.BeginTop) / this.MoveTime; this.ContractWidth = this.BeginWidth / this.MoveTime; this.ContractHeight = this.BeginHeight / this.MoveTime; this.TimeOutId = null; this.Div = window.document.createElement("DIV"); window.document.body.appendChild(this.Div); } BorderMove.Display = function(srcElementObjId,toElementObjId) { if(this.TimeOutId != null) { window.clearTimeout(this.TimeOutId); window.document.body.removeChild(this.Div); this.Div = null; } this.srcElementObj = window.document.getElementById(srcElementObjId); this.toElementObj = window.document.getElementById(toElementObjId); this.Init(); with(this.Div.style) { width = this.BeginWidth; height = this.BeginHeight; border = "1 dotted #<A href="http://www.ltesting.net/ceshi/ceshijishu/rjcsgj/rational/<A href="http://www.ltesting.net/ceshi/ceshijishu/rjcsgj/rational/clearcase/" target="_blank" >clearcase</A>/" target="_blank" >cc</A>cccc"; position = "absolute"; left = this.BeginLeft; top = this.BeginTop; } this.Move(); } BorderMove.Move = function() { this.BeginWidth -= this.ContractWidth; this.BeginHeight -= this.ContractHeight; this.BeginLeft += this.MoveLeft; this.BeginTop += this.MoveTop; with(this.Div.style) { width = this.BeginWidth; height = this.BeginHeight; left = this.BeginLeft; top = this.BeginTop; } this.Moved++; if(this.Moved == this.MoveTime) { window.document.body.removeChild(this.Div); this.Div = null; this.Init(); } else { this.TimeOutId = setTimeout("BorderMove.Move()",this.TimeOut); } } </script> <center>虚影目标对象</center> <input type=button value="事件触发对象" onclick="BorderMove.Display(this.id,'Text')" id="Button"> </body> </html>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]

原文转自：http://www.ltesting.net

软件测试 > 测试开发技术 > 软件测试环境搭建 > Windows系统 >