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"; }
相关文章推荐
- javascript简单实现类似QQ头像弹出效果的方法
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
- javascript简单实现类似QQ头像弹出效果的方法
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
- javascript简单实现滑动菜单效果的方法
- 重写javascript的Array.prototype.push方法实现类似java.util.set添加不重复元素
- javascript简单实现滑动菜单效果的方法
- jQuery实现菜单感应鼠标滑动动画效果的方法
- D3D来实现2D的效果 的方法
- javascript弹性运动效果简单实现方法
- 仿StickyListHeaders 实现listview的header滑动效果(类似QQ好友列表)
- 使用jQueryMobile实现滑动翻页效果的方法
- javascript实现下班倒计时效果的方法(可桌面通知)
- 类似 MSDN CSDN 左边导航树效果的实现! [JavaScript + ASP]
- 让JavaScript中计时器setTimeout/setInterval的回调方法支持参数传递
- javascript实现网页背景烟花效果的方法
- webapp在ios中简单实现滑动,回弹,加速等效果
- javascript高亮效果的二种实现方法