jQueryTween

补间动画引擎
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 华泽语
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

jQueryTween 是 jQuery 上面一个轻量的补间动画引擎。能够为高性能硬件加速动画。换句话说就是在加载图片时的动作像闪电般迅速。

  • 一个超轻巧的jQuery插件,可作为tween.js(javascript动画引擎)和jQuery用户的控制器,使工作变得更加轻松。想象一下,写init()animate()update()一遍又一遍?
  • 支持最流行的过渡,例如transformopacitycolorbackgroundPosition高达60每秒帧数。
  • 也可以做的 smooth scrollTo
  • 这是关于8k微细化以及加6ktween.js,你可以做一吨的很酷的事情,而不需要使用昂贵或复杂的动画引擎。
  • 这是一个简单,轻便的应用程序,我敢说,在涉及简单补间时,它更多地取决于性能。
  • 请记住tween.js,除了AIO包之外,jQueryTween插件未包含该插件。有关详细信息,请参见演示。

示例:

 // Complex example jQueryTween syntax 
$('#selector').jQueryTween({
    from: {
        opacity: 1,
        translate: {x:0, y:0, z:0},
        rotate: {x:0, y:0, z:0},
        scale: 1
    }, 
    to: {
        opacity: 0.5, 
        translate: {x: 150, y: 50, z: -100}, 
        rotate: {x: 5, y:15, z:-25},
        scale: 1.5
    }, 
    repeat: 2, // can be number or 'Infinity'
    duration: 1500,
    easing: TWEEN.Easing.Exponential.InOut, // my favorite
    delay: 500,
}, function() {
    //do some cool stuff when tween finished animating
}, function() {
    //do some cool stuff while tween is running 
});

jQueryTween

  • jQueryTween是一款轻量级的jQuery补间动画工具库插件。使用jQueryTween可以制作出各种平滑的动画过渡效果。该插件基于tween.js,旨在简化各种补间动画操作,提供高性能的硬件加速动画。 为什么要使用jQueryTween? jQueryTween是一个轻量级、使用简单的操作tween.js的补间动画库。它使用jQuery来简化各种操作。 它支持各种动画过渡效果,如trans

 相关资料
  • 主要内容:本节引言:,1.补间动画的分类和Interpolator,2.各种动画的详细讲解,3.写个例子来体验下,4.动画状态的监听,5.为View动态设置动画效果,6.为Fragment设置过渡动画,7.为Activity设置过场动画,8.写个进入APP后登陆注册按钮从底部弹出动画效果的例子:,9.本节代码示例下载,本节小结:本节引言: 本节带来的是Android三种动画中的第二种——补间动画(Tween),和前面学的帧动画不同,帧动画 是通过连续播放图片来模拟动画效果,而补间动画开发者只需指

  • 本文向大家介绍Android动画之补间动画(Tween Animation)基础学习,包括了Android动画之补间动画(Tween Animation)基础学习的使用技巧和注意事项,需要的朋友参考一下 前言 之前说过了在Android中,动画Animation的实现有两种方式:Tween Animation(渐变动画)和Frame Animation(帧动画)。渐变动画是通过对场景里的对象不断做

  • 动画是我们眼睛中的残影,叫视觉暂留现象。这里有两个关键字,差异与快速。 在网页中,扩展样式的任务早已经交由css处理,让javascript第一次拥有视觉处理的api,setTimeout与setInterval早在css诞生前就已经出现。 一:动画的原理 在标准浏览器中,可计算的样式基本浏览器已经为你转化好,比如width,height,margin-x,border-x-width,paddi

  • 我想知道为什么我的图表每次移动后屏幕都不清晰。这是我的代码: MainClass,我想删除其中的“时间”,并将其放在绘图方法updateScene中的lambda表达式中,但还不知道如何做到这一点:/ Axes类描述如何绘制轴: 缩放和绘制图表中我需要的一切。 绘图课负责制作动画,精确绘制我想要的图形。 屏幕显示我编译后得到的内容。就像我自上而下的问题一样,不知道是什么原因导致在每个时间线阶段后不

  • Android中的动画 综述 Android中的动画分为补间动画(Tweened Animation)和逐帧动画(Frame-by-Frame Animation)。没有意外的,补间动画是在几个关键的节点对对象进行描述又系统进行填充。而逐帧动画是在固定的时间点以一定速率播放一系列的drawable资源。下面对两种动画进行分别简要说明。 补间动画 补间动画分为如下种 Alpha 淡入淡出 Scale

  • 我一直试图在我的UI中添加一个动画到我的气泡图中,但遇到了一些问题。我试图在不同的阶段增加气泡的大小,以显示渐变,但它只是画出它的全部大小,而不是在每个阶段。 体育推特计数是泡沫的最终值,我将其除以不同的数量,以显示最终值的建立。 有人有什么想法为什么这不像我期望的那样工作吗?