您的位置:首页 > Web前端 > JavaScript

javascript setTimeOut方法 实现滑动效果(类似2D加速)

2011-11-04 15:54 1016 查看
setTimeOut方法跟参数如下:

function test(str,str2) {
alert(str+" "+str2);
setTimeout("test('"+str+"','"+str2+"');",1000);
}
var hello = "hello,你好!";
test(hello,"Mygirl")


滑动效果代码如下:

var focusMovePosition = [[438,425],[554,425]];
var curFocusTopTimeout=0;
var curMovePosition =438;
var endMovePosition = 0;
function funKeyPressLeft(){
focusNumber --;
if(focusNumber < 0)focusNumber = 1;
//$("focus").style.webkitTransitionDuration = "300ms";
//$("focus").style.left = focusMovePosition[focusNumber][0];
if(438 == focusMovePosition[focusNumber][0]){
$("focus").style.left = focusMovePosition[focusNumber][0] + "px";
}
endMovePosition = focusMovePosition[focusNumber][0];
fnMoveFocus();
}
function fnMoveFocus(){
if(curFocusTopTimeout > 0)
clearTimeout(curFocusTopTimeout) ;
if(curMovePosition==endMovePosition){
}
else{

              //下面这句是实现滑动的代码
curMovePosition +=  Math.ceil(Math.abs(endMovePosition - curMovePosition)/3) * ((endMovePosition - curMovePosition)/Math.abs(endMovePosition - curMovePosition)) ;
funSetCurTop() ;
curFocusTopTimeout = setTimeout(fnMoveFocus,30) ;
}
}
function funSetCurTop(){
$("focus").style.left = curMovePosition +"px";
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: