Combination Effects 各种组合效果

[b]Effect.Drop Out [/b]
Makes the element drop and fade out at the same time.

让元素掉下去一样的消失的效果!

Examples

  Effect.DropOut('id_of_element');


[url]http://wiki.script.aculo.us/scriptaculous/show/Effect.DropOut[/url]

==============================
[b]Effect.Shake [/b]

Moves the element slightly to the left, then to the right, repeatedly.
元素左右震动效果
Examples

Effect.Shake('id_of_element');


===================================
[b]Effect.Highlight[/b]

高亮效果

===================================
[b]Effect.Switch Off [/b]
Gives the illusion of a TV-style switch off.
像电视机一样关闭的效果。

Effect.SwitchOff('id_of_element');


=======================================
[b]Effect.BlindDown, Effect.BlindUp
Effect.SlideDown, Effect.SlideUp [/b]
This pair of effects simulates a window blind, where the contents of the affected elements stay in place.

下拉式的展示

  Effect.BlindDown('id_of_element');
Effect.BlindUp('id_of_element');

// Make the transion longer by adding options.
Effect.BlindDown('id_of_element', {duration:3});

======================================
[b]Effect.Pulsate[/b]
Pulsates the element, loops over five times over fading out and in.
元素跳动闪烁效果!!
Examples

Effect.Pulsate('id_of_element');


Optional parameters:
duration: Number of seconds after which to stop the effect.
from: The minimal opacity during the pulsate, in a value between 0 and 1. For example, use 0.7 for a mild pulsate.
pulses: The amount of pulses with-in the duration time (default is 5).
============================================
[b]Effect.Squish[/b]
Reduce the element to its top-left corner.
元素左下脚消失效果
Effect.Squish('id_of_element');

===============================================
[b]Effect.Fold [/b]
Reduce the element to its top then to left to make it disappear.
元素先向上收缩后再向左收缩后消失效果!
 Effect.Fold('id_of_element');

=========================================================
[b]Effect.Grow [/b]
 Effect.Grow('id_of_element');
元素显示,效果与生长方式类似,从角落慢慢变大的效果!

================================================
[b]Effect.Shrink [/b]
元素消失效果!


[url]http://wiki.script.aculo.us/scriptaculous/show/CombinationEffects[/url]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值