topFx. Styles.js

包含的类有: Fx.Styles

License

MIT-style license.

概要
Fx. Styles.js 包含的类有: Fx.Styles
Fx. Styles 一次可对多个css属性进行做效果变化;(颜色属性的值需要是十六进制的).
属性
start 效果转换。从给出的前一个值转换到后一个值
Element
属性
effects   在元素上应用一个Fx.Styles 。这个方法是 Fx.Styles 的快捷方法.

topFx. Styles

一次可对多个css属性进行做效果变化;(颜色属性的值需要是十六进制的). 继承了 Fx.Base 的所有方法,属性,可选项,事件。

参数

el 要执行效果的目标元素
options 参考 Fx.Base的可选项

示例

var myEffects = new Fx.Styles('myElement', {duration: 1000,transition: Fx.Transitions.linear});
 
//元素的高从10转换到100;宽从900转换到300
myEffects.start({
    'height': [10, 100],
    'width': [900, 300]
});
 
//高从当前的值转换到100;宽从当前值转换到300
myEffects.start({
    'height': 100,
    'width': 300
});
概要
属性
start 效果转换。从给出的前一个值转换到后一个值

top属性

topstart

效果转换。从给出的前一个值转换到后一个值

参数

obj 含有所要进行转换的css属性名为键,数值/数组为值的对象,可参考上面的例子。

示例

  参考Fx.Styles

topElement

概要
属性
effects 在元素上应用一个Fx.Styles 。这个方法是 Fx.Styles 的快捷方法.

top属性

topeffects

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

示例

var myEffects = $(myElement).effects({duration: 1000, transition:Fx.Transitions.Sine.easeInOut}); 
myEffects.start({'height': [10, 100], 'width': [900, 300]});

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

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