topFx. Style.js

包含的类有:Fx.Style

License

MIT-style license.

Summary
Fx. Style.js 包含的类有:Fx.Style
Fx. Style 具有在任意一个CSS属性的两个值之间过渡变换的能力。
属性
hide Fx.Base.set (0)的效果相同,直接隐藏元素
set 设置元素的css样式值。
start 执行在指定值之间进行过渡变换效果。
Element
属性
effect 在元素上应用一个 Fx.Style 。这个方法是 Fx.Style 的快捷方式.

topFx. Style

具有在任意一个CSS属性的两个值之间过渡变换的能力。 包括颜色(值必须是十六进制格式的颜色代码). 从 Fx.Base 继承了所有的方法,属性,可选项,事件。

Arguments

el 目标元素
property 目标属性,如'opacity'
options 参考Fx.Base

Example

var marginChange = new Fx.Style('myElement', 'margin-top',{duration:500});
marginChange.start(10, 100);
Summary
属性
hide Fx.Base.set (0)的效果相同,直接隐藏元素
set 设置元素的css样式值。
start 执行在指定值之间进行过渡变换效果。

top属性

tophide

Fx.Base.set (0)的效果相同,直接隐藏元素

topset

设置元素的css样式值。

Example

var marginChange = new Fx.Style('myElement', 'margin-top',{duration:500});
marginChange.set(10);

topstart

执行在指定值之间进行过渡变换效果。

Arguments

from 整数,可选。开始值
to 整数。结束值

Note

如果只指定了一个值(即结束值), 则开始值将使用元素该css属性的当前值

Example

var marginChange = new Fx.Style('myElement', 'margin-top',{duration:500});
marginChange.start(10);

topElement


Summary
属性
effect 在元素上应用一个 Fx.Style 。这个方法是 Fx.Style 的快捷方式.

top属性

topeffect

在元素上应用一个 Fx.Style 。这个方法是 Fx.Style 的快捷方式.

Arguments

property 字符串。要进行变换的css属性
options 可选,参考Fx.Style的可选项)

Example

var myEffect = $('myElement').effect('height', {duration: 1000,transition: Fx.Transitions.linear});
myEffect.start(10, 100);

//与上面等同的写法如下:
$('myElement').effect('height', {duration: 1000, transition:Fx.Transitions.linear}).start(10,100);

Documentation by Aaron Newton & Mootools Developers, generated by NaturalDocs and tidy, and GeSHi

文档中文翻译:zarknight 勘误Email:zarknight@gmail.com asp之家