博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript实现减速运动
阅读量:4978 次
发布时间:2019-06-12

本文共 773 字,大约阅读时间需要 2 分钟。

javascript实现减速运动

html:

 

css:

#content{
height:100px; width:100px; background:green; position:absolute; top:100px; left:600px; }

javascript:

其实这里面有有些原理和“机关”,我都不讲了~,不是好难滴,自己领悟哈

var Timer=null;   var speed=0;   var count=10;  function showV(iTarget){      var obj=document.getElementById("content");      clearInterval(Timer);      Timer=setInterval(function (){       speed=(iTarget-obj.offsetLeft)/count;       speed=speed>0?Math.ceil(speed):Math.floor(speed); //这里又很多机关,我都不多讲了       if(Math.abs(obj.offsetLeft)==iTarget){           clearInterval(Timer)       }else{          obj.style.left=obj.offsetLeft+speed+"px";          }      },30)  }  function show(){      showV(300);  }

就这些了滴呀

转载于:https://www.cnblogs.com/mc67/p/5170105.html

你可能感兴趣的文章
ThinkPHP5集成支付宝手机网站支付接口
查看>>
hdu 3584 Cube (三维树状数组,更新区间,查询单点)
查看>>
lvs基础
查看>>
接口测试 rest-assured 使用指南
查看>>
Java 8简明教程
查看>>
Java线程池使用说明
查看>>
ectouch第十一讲 之 ECTouch 菜单里如何添加文章链接
查看>>
adb logcat
查看>>
VME总线 分类: 生活百科 2014-06-...
查看>>
数字信号相关和卷积
查看>>
[CSAPP]Bufbomb实验报告
查看>>
NaviActivity实现
查看>>
将已安装win10的系统重装(格式化C盘)
查看>>
C# 中的委托和事件
查看>>
CSS基础学习 17.CSS动画
查看>>
ATM机
查看>>
java反射
查看>>
js表单反显
查看>>
浪潮之巅阅读笔记二
查看>>
CSS内嵌样式实现打字效果
查看>>