`

按顺序执行多个动画

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Panel</title>
<style type="text/css">
*{margin:0;padding:0;}	
body { padding: 60px }
#panel {position: relative; width: 100px; height:100px;border: 1px solid #0050D0;background: #96E555; cursor: pointer}
</style>
<script src="../../scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $("#panel").click(function(){
	     $(this).animate({left: "500px"}, 3000)
			    .animate({height: "200px"}, 3000);
	})
})
</script>
</head>
<body>
<div id="panel"></div>
</body>
</html>
分享到:
评论

相关推荐

    结合来做动画同时解决多个动画顺序执行的问题 iOS

    作者Cloudox,源码OXHanoiDemo,汉诺塔问题本身不难,主要是结合来做动画同时解决多个动画顺序执行的问题。利用分线程来做算法逻辑,主线程跑动画,动画比较耗时,所以算法逻辑需要等待,否则会出现多个动画一起动的...

    详解如何构建Promise队列实现异步函数顺序执行

    场景 有a、b、c三个异步任务...大家也可以类比一下jQuery的animate方法,添加多个动画也会按顺序执行 解决 模拟3个异步函数 // 异步函数a var a = function () { return new Promise(function (resolve, reject) {

    Android-SmartQueue:基于优先级队列写的一个SmartQueue(可控制多个线程的顺序执行、View的顺序显示),利用它可以轻松实现RecyclerView、ListView等Item的进入动画,网络请求线程的顺序执行

    基于优先级队列写的一个SmartQueue(可控制多个线程的顺序执行、View的顺序显示) #效果: #Usage ##多个线程顺序执行 你可以创建一个ThreadPriorityQueue对象,然后通过.run()方法让线程开始执行,创建...

    Defertial:按顺序使用 jQuery 的延迟

    虽然 jQuery 的 Deferreds 提供了.then()方法,但对于多个顺序阶段,它会导致代码非常混乱。 这就是 Defertial 介入的地方。它提供了非常简单的语义,用于将一系列函数依次执行,只有在前一个函数被解析或拒绝时才...

    css3实现多个元素依次显示效果

    如上图所示,在许多的活动宣传html5中会经常需要用到这样的一个动画效果。特别是快到年底了,也许有同学正在为了公司的活动页面而忙碌,get到这样一个小技能说不定刚好对你有帮助哦。 在css3中,我们使用animation与...

    来自多个SVG或单个GIF的SVG动画,使用跟踪器-C/C++开发

    svgasm svgasm是一个概念验证的SVG汇编器,可以使用CSS keyfra从多个静态SVG文件生成一个自包含的动画SVG文件。 CSS关键帧动画的静态SVG文件,以按顺序播放帧。 以相反的执行顺序列出步骤:生成单个动画SVG文件,该...

    网站多个栏目的广告系统

    1、通过本系统可以对网站多个栏目的广告条、广告位进行分类管理,允许无限分类、无限设置广告位、无限设置广告条 2、广告位可有“固定位置循环”、“竖直方向排列”、“水平方向排列”、“竖直方向运动”、“水平...

    Android代码-安卓常用组件

    AnimatorSet-&gt;可以按指定的顺序执行动画,而不是同时执行(Animator不可重用) ValueAnimator-&gt;可以完全自定义自己的动画 FloatMenu 说明:可以根据自己的计算实现菜单展开的不同样式 实现方法: 通过...

    Java语言程序设计的课程设计项目——利用Java实现地球系动画完整实现实例(第2部分).pdf

    为了能够多次更新屏幕,必须 创建一个线程来实现动画的循环,这个循环要跟踪当前帧并响应周期性的屏幕更新要求。 2、JApplet 程序的生命周期 JApplet 类中的四个方法:init()、start()、stop()和 destroy()。 (1)...

    velocity.js:js 动作插件

    velocity.js$element.velocity({width: "500px", property2: value2}, {/* ...可选参数duration 持续时间easinng 缓动函数queue 动画队列,按队列顺序执行动画,使多个.velocity按顺序执行而非同时执行begin 动画开始执

    基于JavaScript的数据结构队列动画实现示例解析

    今天给大家介绍一个基于数据结构中的队列的一个动画,在实现这个动画之前呢,还是给大家讲讲,在JavaScript中我们如何实现一个队列. 二 队列 队列是一种列表,不同的是队列只能在末尾插入元素,在队首删除元素。队列...

    专业 2D 动画制作工具 Smith Micro Moho Pro 12.5.0 + x64 中文多语版.zip

    通过上传到文件&gt;预览动画,将创建一个小视频文件,允许您在工作区模式下查看动画,没有丢帧。虽然此方法不应用于最终导出,但您可以将这些文件保存并保存在计算机的其他位置,甚至可以在需要时与其他人共享。在动画...

    Flash实验报告设计实验报告-动画实例.doc

    " "实验步骤、实验结果及分析: " "执行"文件&gt;新建"命令,新建一个800X500像素,"帧频"为24fps,"背景颜色"为 " "黑色的Flash文档, " "2.将库中的背景图拖入,并把图的位置都改为0,并在第130插入关键帧,效果图" ...

    c语言数据结构算法演示(Windows版)

    图示窗口分成3部分:中间部分或显示客户流动情况的动画,或显示程序执行过程中事件表和4个队列的数值,上方两个按钮用以切换动画或静态数据,下方则显示客户总人数、客户逗留的累计时间以及调节动画中小人移动速度的...

    页面置换算法的模拟实现及命中率对比

    2) 接着“顺序执行一条指令”,即执行地址为 m+1 的指令,把 m+1 记录下来; 3) 在后半部地址空间,[200,399]中随机选一数 m’,作为新指令地址; 4) 顺序执行一条指令,其地址为 m’+1; 5) 重复步骤 1~4,直到...

    数据结构演示软件

    图示窗口分成3部分:中间部分或显示客户流动情况的动画,或显示程序执行过程中事件表和4个队列的数值,上方两个按钮用以切换动画或静态数据,下方则显示客户总人数、客户逗留的累计时间以及调节动画中小人移动速度的...

    animate.js

    //动画函数 obj---要执行动画的对象 json---要执行到的目标的参数对象 fn为执行完成后的回调函数(可以再次调用此方法按照上面格式传参--顺序执行多个动画) //调用例: //zIndex:1000 //透明度opacity: 数字类型----...

    一款定时/循环执行任务的绿色小软件

    + 加入按星期执行!并优化计时部分。 20100510 v1.2b * 重写,效果更好,并作大量优化!  + 使用加密SQLite存储数据。 2008 v1.2  边学边做自己用。 按键附录: Shift + Ctrl ^ Alt % Enter ~ 以下按键要用...

    忠网广告管理系统ZonGG v1.2

    4、每个广告位中的广告条显示顺序为自定义模式,系统默认为插入的时间顺序 5、广告位与广告条之间是“多对多”的关系,计:每个广告位中允许显示多个广告条、每个广告条也允许显示于多个的广告位 6、可对任意广告条...

    AutoPlay_Menu_Builder6.0.1328注册版

    如果需要同时选定多个控件,可以按住 SHIFT 键并点击需要选定的控件,也可以在窗口空白处按下鼠标画出矩形来选定一个范围内的控件。  删除控件选定需要删除的控件,然后点击菜单编辑-&gt;删除,或者工具栏上的删除按钮...

Global site tag (gtag.js) - Google Analytics