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

Effect.Fade

    博客分类:
  • js
CSS 
阅读更多
Makes an element fade away and takes it out of the document flow at the end of the effect by setting the CSS display property to none. Opposite of Effect.Appear

元素消失效果!

Examples
  Effect.Fade('id_of_element');
  Effect.Fade('id_of_element', 
    { transition: Effect.Transitions.wobble })

Options
from: (defaults to current opacity or 1.0)
to: (defaults to 0.0)

http://wiki.script.aculo.us/scriptaculous/show/Effect.Fade
分享到:
评论

相关推荐

    摘《谈谈scriptaculous动画效果库effect.js(原理和使用)》

    new Effect.Fade('elementId', { duration: 1.0 }); ``` 2. 效果选项:配置对象可以包含多个选项,如`duration`(动画持续时间)、`afterFinish`(动画结束后执行的回调函数)等。例如: ```javascript new Effect...

    Mouseover Fade Effect.zip

    "Mouseover Fade Effect.zip" 是一个压缩包,其内容很可能包含了一个关于网页设计中鼠标悬停淡入效果的实现教程或代码示例。这个效果通常用于提升用户交互体验,当用户将鼠标指针悬停在特定元素上时,该元素会逐渐变...

    Javascript框架Script.aculo.us的英文文档

    - **Effect.Fade**:淡入淡出。 - **Effect.Fold**:从四个角向内收缩直至消失。 - **Effect.Grow/Shrink**:元素大小逐渐增大或减小。 - **Effect.Puff**:元素爆炸式放大然后消失。 - **Effect.Pulsate**:元素...

    Scriptaculous(帮助文档).pdf

    - **Effect.Fade**:渐隐元素直至完全消失。 - **Effect.Fold**:将元素折叠起来,类似于纸张折叠。 - **Effect.Grow**:使元素逐渐增大。 - **Effect.Puff**:模拟气球爆炸的效果,元素迅速变大然后消失。 - **...

    prototype.js常用函数:

    27. **Effect.Fade**:淡入淡出效果,`Effect.Fade('text1')`会使`text1`淡出。 28. **Effect.Scale**:缩放效果,`Effect.Scale('text1', 200)`将`text1`放大到200%的大小。 29. **Effect.Squish**:挤压效果,...

    scriptaculous

    Effect.Fade('my_element', {duration: 2.0, transition: Effect.Transitions.bounce}); ``` 这段代码会让带有 ID `my_element` 的元素执行 Fade 效果,其中 `duration` 设置为 2 秒,`transition` 设置为弹跳式的...

    Prototype使用学习手册指南

    - **示例**:`Effect.Fade('text1');` - **`Effect.Scale(elementId, percentage)`** - **功能**:缩放指定元素的大小。 - **示例**:`Effect.Scale('text1', 200);` —— 此处200表示200%,即元素大小变为原来...

    PrototypeJavaScript框架

    例如,`Effect.fade()`用于淡入淡出效果,`Effect.highlight()`用于高亮显示元素,而`Effect.slideUp()`和`Effect.slideDown()`可以实现元素的滑动效果。 7. **JSON支持**: Prototype还包含了JSON(JavaScript ...

    Prototype-1.6.0.2

    5. **特效和动画**:Prototype 包含一个名为 `Effect` 的模块,提供了一系列用于创建动画效果的方法,如 `Effect.Fade()` 用于淡入淡出效果,`Effect.SlideUp()` 和 `Effect.SlideDown()` 控制元素的滑动。...

    scriptaculous-js-1.7.1_beta3.zip

    例如,`Effect.Fade`用于元素的透明度变化,`Effect.SlideUp`和`Effect.SlideDown`则实现了元素的向上或向下滑动。 #### 2.2 Draggable和Sortable组件 Scriptaculous.js提供了可拖动(Draggable)和可排序...

    script.aculo.us

    3. 添加效果:调用框架提供的方法,如`Effect.Fade`、`Draggable.create`等,为元素添加动画效果或拖放行为。 4. 自定义配置:根据需求调整动画参数、事件监听器等,实现个性化效果。 ### 5. 示例代码 ```html <!...

    Spark Effects 动画效果 Fade 渐变 淡入淡出 组件改变大小

    var fadeEffect:Fade = new Fade(); fadeEffect.target = myComponent; fadeEffect.fromAlpha = 0; // 初始透明度,0表示完全透明 fadeEffect.toAlpha = 1; // 结束透明度,1表示完全不透明 fadeEffect.duration = ...

    Prototype 图片滚动(三个一组左右可控).zip

    3. **动画效果**:可能使用`Effect`模块来实现平滑的图片切换动画,例如`Effect.fade`和`Effect.slideIn`。 4. **逻辑控制**:判断当前显示的是哪一组图片,以及何时切换到下一组或上一组。这可能涉及到数组索引的...

    Prototype中文帮助文档

    `Effect`模块提供了一系列方法,如`Effect.Fade`、`Effect.Highlight`和`Effect.Slide`,可以轻松实现淡入淡出、高亮和滑动等效果。`Effect.morph()`允许元素平滑地变换形状或大小。 ### 5. JSON 支持 Prototype ...

    Prototype_1.5.1_rc1_中文开发文档.chm 以及框架

    例如,`Effect.Fade`用于淡入淡出效果,`Effect.Move`用于移动元素,`Effect.Highlight`可以高亮显示元素。 6. **事件处理**:Prototype通过`Event.observe`和`Event.stop`等方法优化了JavaScript的事件处理,支持...

    prototype1.6手册

    1. **Effect 模块**:提供了一系列用于创建动画效果的方法,如 `Effect.Fade`,`Effect.SlideUp`。 2. **Timeline**:`Effect.Timeline` 可以创建复杂的动画序列。 八、委托(Delegation) Prototype 的 `Event....

    prototype.js文件使用和讲解

    - **动画效果**:库内包含了一系列动画效果函数,如`Effect.Fade`、`Effect.Slide`等,可以轻松实现平滑的页面动态效果。 ### 2. 使用 prototype.js 的基础步骤 首先,你需要在HTML文件中引入`prototype.js`库。...

    prototype选项卡

    这些可以通过修改CSS样式或使用Prototype.js的Effect模块来实现,例如Effect.Fade或Effect.Slide。 5. CSS:在压缩包中,"css"文件夹可能包含了用于定制选项卡样式的CSS文件。通过调整这些样式,我们可以改变选项卡...

    如何写一个通用的JavaScript效果库!(1/2)

    Effect.Fade = function(element, options) { element = $(element); var initialOpacity = element.getOpacity(); var duration = options && options.duration || 1; new Effect.Tween(element, duration, ...

    prototype1.4源码解读

    6. 动画效果:Prototype的`Effect`模块提供了动画效果的支持,如`Effect.Fade`, `Effect.Slide`等,让前端开发者能够轻松创建动态效果。 7. 其他实用工具:Prototype还包含了一些实用工具函数,如`Array.from()`, `...

Global site tag (gtag.js) - Google Analytics