`
wutao8818
  • 浏览: 608938 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Combination Effects 各种组合效果

    博客分类:
  • js
阅读更多
Effect.Drop Out
Makes the element drop and fade out at the same time.

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

Examples

  Effect.DropOut('id_of_element');


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

==============================
Effect.Shake

Moves the element slightly to the left, then to the right, repeatedly.
元素左右震动效果
Examples
  Effect.Shake('id_of_element');


===================================
Effect.Highlight

高亮效果

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

Effect.SwitchOff('id_of_element');


=======================================
Effect.BlindDown, Effect.BlindUp
Effect.SlideDown, Effect.SlideUp

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});

======================================
Effect.Pulsate
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).
============================================
Effect.Squish
Reduce the element to its top-left corner.
元素左下脚消失效果
Effect.Squish('id_of_element');

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

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

================================================
Effect.Shrink
元素消失效果!


http://wiki.script.aculo.us/scriptaculous/show/CombinationEffects




分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics