下载的jquery easing.js下载的easing运动插，另外几个都是什么文件？

来源：蜘蛛抓取(WebSpider) 时间：2017-10-31 00:33 标签： jquery easing plugin
想请问下我的这个animate函数加了easing为什么就没反应了？【jquery吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：41,775贴子：
想请问下我的这个animate函数加了easing为什么就没反应了？收藏
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""&&html xmlns=""&&head&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&title&动画的其他插件&/title&&style&div{ width:100 height:100 background: position: left:0 top:40}&/style&&script src="../patibility.js"&&/script&&script src="../jquery-1.11.0.js"&&/script&&script&$(function(){$('input').click(function(){
$('div').animate({'left':'200px'},1000,'expoin');});});&/script&&/head&&body&&input type="button" value="RUN"/&&div&&/div&&/body&&/html&
千锋jquery培训,开启web&薪&时代,「前沿」web课程,0基础120天速成web工程师!千锋jquery培训,先就业后付款,入学即签就业协议,学员高薪见证!14天免费课程预约!
可是把它去掉，div就可以移动了
jquery库的引用要放到插件引用的前面&script src="../jquery-1.11.0.js"&&/script&&script src="../patibility.js"&&/script&因为jquery插件需要依赖jquery库。
登录百度帐号推荐应用jQuery中的线性、渐进、曲线、摆动运动效果插件
在jQuery 1.4.2中默认提供了提供了两种动画运动效果, 线性和摆动运动：
jQuery.extend({
&& &easing:
&linear: function( p, n, firstNum, diff ) {
&return firstNum + diff *
&swing: function( p, n, firstNum, diff ) {
&return ((-Math.cos(p*Math.PI)/2) + 0.5) * diff +
但当我们需要复杂一些的运动效果时，如让元件按照双曲线、或抛物线运动趋势运动时，就显得不够了。
此时只需要添加一个自定义的easing函数即可。
关于他的数学原理，可参考此文：
/easing/penner_chapter7_tweening.pdf
一般都是些数学函数，且最少需要如下参数： t：time, b:begin, c:change, d:duration
如要实例 y = x^4 的趋势运动，
加上修正参数： y = c*x^4 +
因为 x= t/d;
则公式为： y = c*(t/d)^4 +&
可以看出在jQuery中的第一个参数p相当于t/d即x，这里可以忽略，
则最终公式为：
jQuery.easing['easeInQuint'] = function(p, t, b, c, d) {
&& &return c *
Math.pow (t/d, 4) +
如应用到slideup效果上：
$(element).slideUp({ duration: 1000, easing: "easeInQuint",
complete: callback});
有一个jQuery插件把很多常用的动画效果公式都列出来了，可以查看：
http://gsgd.co.uk/sandbox/jquery/easing/
同时还可以应用到其他jQuery插件上，如jcarousel的弹簧动画效果：
/projects/jcarousel/examples/special_easing.html
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。热门搜索：
当前位置：>>>>>>
需要：0 共享分
环境：jQuery
大小：37KB
方式：免费素材
更新： 8:44:10
下载次数：153
jQuery easing动画运动效果是一款简单的如淡入淡出以及自定义动画效果,支持直线匀速运功、变加速运动、缓冲等丰富的动画效果。
周下载排行
下载次数：14
下载次数：40
友情链接申请：8472863(QQ) 站长信箱：. 素材交流QQ群:(未满)
免责声明：本站所有内容来源于互联网。如果本站部分内容侵犯您的权益，请您告知，站长会立即处理。
Copyright @ 2016 非凡图库 |
| {$icp} | 带宽赞助：亿速云 |jQuery 效果 - animate() 方法
jQuery 效果 - animate() 方法
改变 &div& 元素的高度：
$(&.btn1&).click(function(){
$(&#box&).animate({height:&300px&});
定义和用法
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
只有数字值可创建动画（比如 &margin:30px&）。字符串值无法创建动画（比如 &background-color:red&）。
注释：使用 &+=& 或 &-=& 来创建相对动画（relative animations）。
$(selector).animate(styles,speed,easing,callback)
必需。规定产生动画效果的 CSS 样式和值。
可能的 CSS 样式值（提供实例）：
注释：CSS 样式使用 DOM 名称（比如 &fontSize&）来设置，而非 CSS 名称（比如 &font-size&）。
可选。规定动画的速度。默认是 &normal&。
可能的值：
毫秒 （比如 1500）
可选。规定在不同的动画点中设置动画速度的 easing 函数。
内置的 easing 函数：
扩展插件中提供更多 easing 函数。
可选。animate 函数执行完之后，要执行的函数。
如需学习更多有关 callback 的内容，请访问我们的
$(selector).animate(styles,options)
必需。规定产生动画效果的 CSS 样式和值（同上）。
可选。规定动画的额外选项。
可能的值：
speed - 设置动画的速度
easing - 规定要使用的 easing 函数
callback - 规定动画完成之后要执行的函数
step - 规定动画的每一步完成之后要执行的函数
queue - 布尔值。指示是否在效果队列中放置动画。如果为 false，则动画将立即开始
specialEasing - 来自 styles 参数的一个或多个 CSS 属性的映射，以及它们的对应 easing 函数easing插件_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
easing插件
阅读已结束，下载文档到电脑
想免费下载更多文档？
定制HR最喜欢的简历
下载文档到电脑，方便使用
还剩1页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢

我要回帖

更多关于 jquery easing plugin 的文章

 

随机推荐