`

Chaining

    博客分类:
  • Dojo
阅读更多
<button id="slideAwayButton">Slide block away</button>
<button id="slideBackButton">Slide block back</button>

<div id="slideTarget" class="red-block slide chain">
	A red block
</div>
<script>
	dojo.require("dojo.fx");

	dojo.ready(function(){
		var slideAwayButton = dojo.byId("slideAwayButton"),
			slideBackButton = dojo.byId("slideBackButton"),
			slideTarget = dojo.byId("slideTarget");

		dojo.connect(slideAwayButton, "onclick", function(evt){
			dojo.fx.chain([
				dojo.fadeIn({ node: slideTarget }),
				dojo.fx.slideTo({ node: slideTarget, left: "200", top: "200" }),
				dojo.fadeOut({ node: slideTarget })
			]).play();
		});
		dojo.connect(slideBackButton, "onclick", function(evt){
			dojo.fx.chain([
				dojo.fadeIn({ node: slideTarget }),
				dojo.fx.slideTo({ node: slideTarget, left: "0", top: "100" }),
				dojo.fadeOut({ node: slideTarget })
			]).play();
		});
	});
</script>

分享到:
评论

相关推荐

    Service Function Chaining (SFC) Architecture

    Service Function Chaining (SFC) Architecture

    FM175XX_STM32_CPU_READER_Chaining.zip

    在提供的"FM175XX_STM32_CPU_READER_Chaining.zip"压缩包中,包含了一个基于STM32F103的DEMO程序源码,这个源码可以帮助我们理解如何将FM17550与STM32进行有效集成,实现CPU卡的读取功能。Keil MDK是常用的嵌入式...

    使用Antlr+Stringtemplate生成method chaining

    正文 使用Antlr+Stringtemplate生成method chaining 在这里 http://blog.csdn.net/younggift/article/details/7028932

    Chaining of TDD

    **标题:“Chaining of TDD”** TDD(Test-Driven Development,测试驱动开发)是一种软件开发实践,它强调在编写任何生产代码之前先编写测试用例。这种做法旨在提高代码质量,降低缺陷率,并促进更好的设计。...

    vue-template-babel-compiler:为基于 Babel 的 Vue.js SFC 启用 Optional Chaining 和许多新的 ES 特性

    vue-template-babel-compiler 为基于启用Optional Chaining和许多新的 ES 功能。特征所有特性Optional Chaining和更多新的 ES 功能 Bigint nullish coalescing 定制......演示用法 # 1: Install in your Vue project...

    使用Antlr+Stringtemplate生成method chaining 源代码

    使用Antlr+Stringtemplate生成method chaining,一个不太简单的案例(1) 因为一直上传失败,猜是因为附件太小,所以包含了antlr-3.4-complete-no-antlrv2.jar和antlrworks-1.4.3.jar。对浪费你的带宽抱歉。

    Javascript中的方法链(Method Chaining)介绍

    方法链(Method Chaining)是JavaScript中一种常见的编程技巧,特别是在使用像jQuery这样的库时,它使得连续调用对象的方法变得更加简洁和优雅。方法链的基本原理是,每个方法在执行后返回当前对象(通常是`this`)...

    js代码-ES11的Optional Chaining示例代码。

    JavaScript是Web开发中不可或缺的一部分,而ES11(ECMAScript 2018)引入了许多新特性,其中Optional Chaining(可选链)是一项重要更新。它允许开发者更安全地访问深层嵌套的对象属性,即使这些属性路径可能存在...

    Struts Chaining-开源

    Struts Chaining是一种开源技术,它是Apache Jakarta Struts框架的一个扩展,主要目的是为了实现Action之间的平滑链接。在传统的Struts框架中,每个用户请求通常对应一个特定的Action,然后这个Action负责处理请求并...

    underscore之Chaining_动力节点Java学院整理

    其中,Chaining是Underscore.js的一个重要特性,它使得我们可以像jQuery那样优雅地进行连续操作,极大地提高了代码的可读性和简洁性。 链式调用(Chaining)的概念源于面向对象编程中的方法调用,jQuery将其引入到...

    7. Network Service Chaining

    INE出品的SDN视频教程

    jQuery – 链(Chaining)

    jQuery – 链(Chaining) 通过 jQuery,可以把动作/方法链接在一起。 Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上)。 jQuery 方法链接 直到现在,我们都是一次写一条 jQuery 语句(一条...

    optional-chaining-comparison-if-else

    本文将深入探讨Java中的一个特定概念——可选链(Optional Chaining),并将其与传统的条件语句(如if-else)进行比较。标题“optional-chaining-comparison-if-else”暗示了我们将分析这两种方式在处理可能为null或...

    promise_chaining_examples:承诺链示例

    本压缩包文件“promise_chaining_examples”提供了一些Promise链式调用的实例,这些例子在Node.js 0.12.7环境下运行有效。 首先,我们来理解Promise的基本概念。Promise有三种状态:pending(等待中)、fulfilled...

    optional-chaining-example:一个简单的可选链接介绍:fire:

    Optional Chaining提案非常棒,它所包含的功能肯定会改善JS生态系统! 。 这是一个简单的教程,可通过帮助冒险家不破坏我们的代码来学习 :crossed_swords: 首先是一个截图,其中有一个简单的示例可以开始滚动 :...

    chaining-tool

    链接工具创建责任链的快速方法##安装 npm install chaining-tool##用法 var Chain = require ( 'chaining-tool' ) ;var chain = new Chain ( ) ;chain . add ( function ( context , next ) { //Do somethong ...

    VNF Placement for Service Chaining in IP over WDM Networks

    VNF Placement for Service Chaining in IP over WDM Networks

Global site tag (gtag.js) - Google Analytics