fx.elements.md

来自「一款开源强大的javascript控件」· Markdown 代码 · 共 111 行

Class: Fx.Elements {#Fx-Elements}
=================================

批量对元素进行特效应用

### 继承:

[Fx][]

### 语法:

	new Fx.Elements(elements[, options]);

### 参数:

1. elements - (*array*) 元素集合
2. options  - (*object*, optional) [Fx][]的可选项


### 返回值:

* (*object*) Fx.Elements实例

### 示例:

	var myFx = new Fx.Elements($$('.myElementClass'), {
		onComplete: function(){
			alert('complete');
		}
	}).start({
		'0': {
			'height': [200, 300],
			'opacity': [0,1]
		},
		'1': {
			'width': [200, 300],
			'opacity': [1,0]
		}
	});

### 备注:

- 颜色代码必须是十六进制



Fx.Elements 方法: set {#Fx-Elements:set}
------------------------------------------

将每个应用此批量特效的元素的特效值立即设为指定值

###	语法:

	myFx.set(to);

### 参数:

1. to - (*object*) 一个包含了元素所对应特效值的键值对对象, 元素集合中的每个元素用一个数字字符来引用(比如: "0"代表集合中第一个元素,"1"代表集合中第二个元素, 依次类推)

###	返回值:

* (*object*) Fx.Elements实例

###	示例:

	var myFx = new Fx.Elements($$('.myClass')).set({
		'0': {
			'height': 200,
			'opacity': 0
		},
		'1': {
			'width': 300,
			'opacity': 1
		}
	});



Fx.Elements 方法: start {#Fx-Elements:start}
----------------------------------------------

批量执行元素的特效变换

###	语法:

	myFx.start(obj);

###	参数:

1. obj - (*object*) 一个包含了元素所对应特效值的键值对对象, 元素集合中的每个元素用一个数字字符来引用(比如: "0"代表集合中第一个元素,"1"代表集合中第二个元素, 依次类推)

###	返回值:

* (*object*) Fx.Elements实例

###	示例:

	var myElementsEffects = new Fx.Elements($$('a'));
	myElementsEffects.start({
		'0': { //第一个元素的opacity和width属性的变换
			'opacity': [0,1],
			'width': [100,200]
		},
		'4': { //第五个元素的opacity
			'opacity': [0.2, 0.5]
		}
	});



[Fx]: /Fx/Fx