script.aculo.us---Effect.Appear

最新推荐文章于 2025-11-16 13:22:56 发布

最新推荐文章于 2025-11-16 13:22:56 发布 · 99 阅读

文章标签：

#Safari #HTML

js 专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了 Scriptaculous 库中的 Effect.Appear 方法，该方法用于使 HTML 元素逐渐变得可见。文章提供了使用示例，并指出该效果适用于大多数 HTML 元素，但不适用于表格行、表格主体和表格头部元素。此外，还特别提到了 Safari 浏览器中浮动元素的问题及解决方案。

Examples

Effect.Appear('id_of_element');
Effect.Appear('id_of_element', { duration: 3.0 });

Options

duration:1.0 (in seconds)
from:0.0-1.0 (percent of opacity to start)
to:0.0-1.0 (percent of opacity to end)

[b]Notes:[/b]

Works safely with most HTML elements, [b]except table rows, table bodies and table heads.[/b]

There is a problem with floating Elements in Safari.
If you need the div to be floated you can do it like this:

<a href="#" onclick="new Effect.Appear('apear-div');">Click to apear</a>

<div style="float: right">

<div id="apear-div" style="display: none;">
        Only this div has to apear!
</div>

</div>

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