javascript - yui3 用一个类添加淡入淡出效果

Question

我正在使用 yui3 进行淡入/淡出效果。问题是我似乎无法通过使用一个类找到一种方法（fadein - 添加一个 css 类，fadeout - 删除该类）。

我只找到定义背景颜色和背景颜色的示例。

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动画添加或删除类。