yui3使用类添加淡入和淡出效果

Question

我正在使用yui3来实现淡入/淡出效果。问题是，我似乎找不到一种使用类(fadein -添加css类，fadeout -删除类)来完成此操作的方法。

我只找到了定义to和from背景色的例子。

这在yui3中是不是可能的？使用jquery是非常简单的。

Answer 1

是。每个YUI节点对象都有一个hide()和一个show()方法。

默认情况下，hide()和show()只会立即隐藏节点。但是，如果您还加载了'node‘模块旁边的'transition’模块，那么您可以选择通过调用hide(true)将隐藏变成淡入淡出。(你可以做非常花哨的自定义过渡，但这是如何做一个基本的淡入淡出)。

有关详细的示例，请参阅http://yuilibrary.com/yui/docs/transition/transition-view.html，该示例还展示了节点委托。有关更精简的示例，请参阅https://github.com/yahoo/yui3-cookbook/blob/master/examples/effects/fading.html。

Answer 2

更普遍的是，您可以使用http://yuilibrary.com/gallery/show/anim-class来以动画形式添加或删除类。