Script.aculo.us 部分特效展览
2009-11-13 10:52
357 查看
new Effect.Morph('error_message',{ style:'background:#f00; color:#fff; border: 20px solid #f88; font-size:1.5em;duration:0.8'}); } new Effect.Move('error_message',{ x: 100, y: 200, mode: 'absolute'}); //移动元素到屏幕指定的x,y坐标位置 new Effect.Appear('error_message',{duration:3}); //渐显display:none的元素 new Effect.BlindDown('error_message',{duration:2}); //消失后,舒展再现 new Effect.BlindUp('error_message', {duration:1}); //百叶窗效果,消失 new Effect.DropOut('error_message'); //坠落消失 new Effect.Fade('error_message', { transition: Effect.Transitions.wobble }); //褪去 new Effect.Fold('error_message'); //折叠,隐藏 new Effect.Grow('error_message',{duration:2}); //飞现 new Effect.Puff('error_message'); //向左飞逝 new Effect.Pulsate('error_message',{pulses:2,duration:1}); // 闪烁 new Effect.Shake('error_message'); //左右抖动 new Effect.Shrink('error_message'); //向右飞逝 new Effect.Squish('error_message'); //渐小消失 Effect.SwitchOff('error_message'); //闪失 new Effect.toggle('error_message'); //淡出
相关文章推荐
- script.aculo.us之页面元素呈现特效
- Script.aculo.us开发系列全集
- Chapter 4. Introducing script.aculo.us
- Script.aculo.us开发系列(三):核心效果(CoreEffect)
- Script.aculo.us InPlaceEditor 使用示例
- js中引用script.aculo.us
- Prototype and script.aculo.us: You Never Knew JavaScript Could Do This!
- Script.aculo.us开发系列(四):动画弹出菜单的实现-开发自己的动画
- Script.aculo.us开发系列(六):AutoComplete控件
- script.aculo.us 1.8 preview放出来了
- Prototype入门_chp2 - [Prototype/script.aculo.us]
- Script.aculo.us开发系列(七):InPlaceEditor控件的使用
- script.aculo.us概述
- script.aculo.us组合效果
- Script.Aculo.Us开发系列(一):起步
- script.aculo.us 1.8 preview放出来了
- script.aculo.us代码分析(一)
- Script.aculo.us开发系列(五):Prototype封装的艺术
- Script.aculo.us开发系列(八):使用DropDrag定义拖拽行为
- Script.aculo.us开发系列(二):EffectsAPI