如何使YUI 3淡入淡出时间工作?

时间:2012-12-31 05:06:31

标签: yui yui3

一个例子是:

http://jsfiddle.net/a9j28/18/

YUI 3 Cookbook by O'Reilly中,据说

    Y.all('.ad').hide({
        duration: 6.0
    });

应该在6.0秒内淡化元素,但它仍然很快消失,更像是默认行为。为什么/如何让它真正起作用?

2 个答案:

答案 0 :(得分:3)

我是YUI 3 Cookbook的作者。在设计和测试这个例子时我可能犯了一个错误 - 如果有的话,我为此道歉!

要让示例淡出淡出,您可以拨打transition()而不是hide() - 当然也可以将opacity设置为0

答案 1 :(得分:1)

我想说某处有一个错误。

如果您查看那里的代码:http://yuilibrary.com/yui/docs/api/files/transition_js_transition-native.js.html#l547

您可以看到,当加载“transition”模块时,您可以使用转换名称,配置和回调来调用hide方法。与调用转换方法完全相同。

但是:

1)如果要隐藏,则需要在配置对象中将不透明度设置为0。这很奇怪,因为这个方法叫做hide。

2)修改后的(通过转换模块)方法看起来在NodeList上不可用。 在您的示例中,您仍然会调用以下内容中定义的隐藏方法:http://yuilibrary.com/yui/docs/api/files/node_js_node-view.js.html#l191