一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定，那就是匀速运动；如果变化的速率不一定，那么就是变速运动。当，变化率与聚离浏览器边框的距离成比例的话，那么就可以说是div在做缓冲运动。
其实，很简单，就是用一个定时器（timer），每隔一段时间来改变div聚浏览器边框的距离。

比如匀速运动：

进入定时器：（每隔30ms做）
if(是否到达终点)
{ 停止定时器}
else do{ 改变距离}

改变距离的方法决定是匀速还是变速（缓冲）运动。

匀速的比如：

var timer=null; 
function startMove() 
{ 

var oDiv=document.getElementById('div1'); 
clearInterval(timer); 
timer=setInterval(function () { 
var iSpeed=1; 

if(oDiv.offsetLeft>=300) 
{ 
clearInterval(timer); 
} 
else 
{ 
oDiv.style.left=oDiv.offsetLeft+iSpeed+'px'; 
} 
},30); 
}; 

缓冲运动:

var timer=null; 
function startMove() 
{ 
var iTarget=300; 

var oDiv=document.getElementById('div1'); 

clearInterval(timer); 
timer=setInterval(function () { 
var iSpeed=(iTarget-oDiv.offsetLeft)/8; 

iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed); 

iSpeed=Math.ceil(iSpeed); 
if(oDiv.offsetLeft==iTarget) 
{ 
clearInterval(timer); 
} 
else 
{ 
oDiv.style.left=oDiv.offsetLeft+iSpeed+'px'; 
} 
document.title=oDiv.style.left+' '+iSpeed; 
},30); 
}; 

这样，一个运动框架就写好了！原理很简单，不过还有待完善。慢慢来吧！

在浏览器窗口上添加遮罩层的方法
如何在浏览器窗口上添加一个遮罩层背景在web2.0中，页面弹窗是一个很常见的交互方式，这样既可以避免不必要的页面跳转，也可以改进界面的布局和

Javascript开发之三数组对象实例介绍
vara=newArray();如果这样定义：a[3]="a";alert(a.length)4而是的1，如果定义了，但没有赋值则返回一个undefined(alert(a[0]))创建数组：arr=[];//是的,一个空中括号//与

javascript克隆对象深度介绍
js一般有两种不同数据类型的值：基本类型（包括undefined,Null,boolean,String,Number），按值传递；引用类型（包括数组，对象），按址传递，引用类型在值传