可以让韩商言测手速哦,哈哈哈(改一下实现样式就行了)
div可以前进、后退、上、下、变宽、变窄..js
/* var timer;时
* 定时器的标识在全局中保存
* 所有的执行正在执行的定时器都在这保存,这样的话两个盒子不能同时进行动画演示
* */
//因此更改为了obj.timer
//创建可以实现简单动画的函数
/*
* 参数:obj;移动对象
* attr:要执行动画的样式,比如:left,top,width
* target:目标位置
* speed:速度
* callback:回调函数,在动画执行完毕后执行
*/
function move(obj,attr,target,speed,callback){
//避免 同一元素开启多个定时器
clearInterval(obj.timer);
//获取目标目前的位置
var current = parseInt(getstyle(obj,attr),10);
//判断速度的正负
//如果0-800,speed为正
//如果800-0,speed为负
if(current > target){
speed = -speed;
}
//开启一个定时器
//获取元素样式并去掉px;
obj.timer = setInterval(function(){
//获取box1原来的left
var oldValue = parseInt(getstyle(obj,attr),10);