jquery自由落体运动（弹簧运动）

原理：Robert Penners缓动等式

jswing
def
easeInQuad easeOutQuad easeInOutQuad
easeInCubic easeOutCubic easeInOutCubic
easeInQuart easeOutQuart easeInOutQuart
easeInQuint easeOutQuint easeInOutQuint
easeInSine easeOutSine easeInOutSine
easeInExpo easeOutExpo easeInOutExpo
easeInCirc easeOutCirc easeInOutCirc
easeInElastic easeOutElastic easeInOutElastic
easeInBack easeOutBack easeInOutBack
easeInBounce easeOutBounce easeInOutBounce
具体每一个效果是做什么的楼主可以慢慢试
从上面的可以看出每一种都分为 In Out InOut
In：是指动画开始的时候具有这个效果
Out：是指动画结束的时候具有这个效果
InOut：是指动画开始和结束的时候都具有这个效果
Elastic：就是具有弹簧效果的（easeInElastic[开始时弹簧]、easeOutElastic[结束时弹簧]、easeInOutElastic[开始和结束都弹簧]）
使用方法：
<script type="text/javascript" language="javascript" src="JS/jquery.js"></script>
<script type="text/javascript" language="javascript" src="JS/easing.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#xxxx").stop(true,false).animate({left : -320},1500,'easeOutElastic');
})

</script>

例如：

$(document).ready(function(){
$("#fad2_bg").height(document.body.scrollHeight+200);
$("#fad2_bg").fadeIn("fast","linear",function(){$("#fad2").show();$("#fad2").animate({top: '0px'}, 1500, "easeOutBounce");
});
setTimeout(fad2close,4000);
});
function fad2close(){$("#fad2").animate({top: '-650px'}, 1500, "easeInOutElastic",function(){$("#fad2_bg").fadeOut("slow");})
}

jquery自由落体运动（弹簧运动）相关推荐

pygame里面物体闪烁运动_教师资格【试讲示范】高中物理试讲答辩——《自由落体运动》试讲稿答辩...
试讲备课纸教学过程各位考官: 大家好,我是高中物理组的***号考生,我试讲的题目是<自由落体运动>,下面开始我的试讲. 一.导入新课同学们,老师手里现在拿着一个小笔记本和一张纸,现在 ...
手把手教你用Python来模拟绘制自由落体运动过程中的抛物线（附源码）
前言前几天有个叫[-berry]的粉丝在问了一道关于自由落体运动过程中产生的抛物线作图的问题,如下图所示. 当某个物体以初速度v水平抛出,其轨迹为一条抛物线,模拟绘制这条抛物线.用高中物理知识,我们 ...
lammps案例：分子自由落体运动模拟
大家好,我是小马老师. 本文分享一个比较有意思的lammps案例:分子的自由落体运动. lammps提供了fix gravity命令可设置分子或者原子的加速度. 语法规则为: fix ID group ...
在OpenGL中创建一个球体动画，使球体在窗口内做自由落体运动，并在撞击地面后能够返回原来高度
这是计算机图形学基础的一道单元练习题,看题的时候觉得没什么,写出来才发现其中大有门道,其中有几个值得关注的地方: 首先如果你是以窗口底部为地面的话,你会发现小球在第二次下落时无法回弹,这就很恶心了,做 ...
matlab小球水平抛出,如何用Matlab制作小球自由落体运动的动画
第一堂课布置了一个Mission Impossible作业,要求学生们用Matlab制作一个动画,模拟小球的自由落体运动. 以下将整个任务的问题解决的过程分享如下: 步骤一,这是一个动画的制作过程,以 ...
OpenGL绘制球体模拟自由落体运动（基于Qt）
自由落体的物理公式想必大家都清楚(y=vt+0.5gt^2). 但是用程序如何模拟这个过程呢? 1.其中比较关键的是设定一个计时器,在一个视觉暂留时间段(dt=0.02s)内根据小球的位置坐标绘制小球 ...
matlab 地形模拟程序,MATLAB模拟小球自由落体运动
大部分朋友学习MATLAB,需要一个学习示例用来参考,有一个比较经典的题目就是如何利用Matlab模拟小球自由落体运动,这可能会是你的某次课后作业,这个程序的编写过程可以分为三个步骤: 第一部分,设置 ...
模拟自由落体运动的小球
基于VS2019 EasyX插件 C/C++ 生成一个模拟自由落体运动的小球 #include <iostream> #include <graphics.h> #in ...
canvas动画:自由落体运动
经过前面的文章,我们已经能够在canvas画布上画出各种炫酷的图形和画面,但是这些画面都是禁止的,怎么样才能让他们动起来呢? 如何绘制基本图形可以参考:canvas基本图形绘制如何对基本图形移动旋转 ...

jquery自由落体运动（弹簧运动）

jquery自由落体运动（弹簧运动）相关推荐

最新文章

热门文章