JavaScript运动减速效果实例分析

本文实例讲述了Java脚本语言运动减速效果。分享给大家供大家参考。具体如下：

这段代码可帮助利用射流研究…从事游戏编程的朋友，它主要实现一种运行减速缓冲的效果，代码精简，很不错。

运行效果如下图所示：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 '/TItle JAVAScript运动减速效果/title/head dydiv style=' position : relative；border:1px固体# 000000;宽度width :550 px ' height :50 px ' div id=' aa ' style=' width :50 px；高度：50 px背景技术： # 930;position : absolute '/div/div id=' x '/div div style=' position : relative；border:1px固体# 000000;宽度width :550 px ' height :50 px ' div id=' bb ' style=' width :50 px；高度：50 px背景# 0000 ffposition : absolute '/div/div div id=' y '/div脚本var $=function(id){ return ' string '==id的类型？文件。getelementbyid(id): id；};var ss=0；var s=500 var TT=300；var a=2 * s/(TT * TT)；var o=$(' aa ')；var I=0；var t=0；函数run(){ t；I=parsent((a * TT)* t-。5 * a *(t * t))；if(I=s){ o . style。left=ss s“px”；返回；} o . style。左=ss I ' px$('x ').innerHTML=i '，'；setTimeout(运行，10);} run()；var S2=500 var O2=$(' bb ')；var I2=0；函数run 2(){ var s=(S2-I2)/100；if(s0s 1){ s=1；};if(s==0 | | I2 s=S2){ O2。风格。左=党卫军S2“px”；返回；} O2。风格。left=ss I2s ' px '；I2=I2 s；$('y ').innerHTML=parseInt(i2 s)'，'；setTimeout(run2，10)；}运行2()；/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。