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

时间:2012-10-21 11:47:23

标签: javascript yui fadein fadeout

我正在使用yui3来做淡入/淡出效果。问题是我似乎无法通过使用类找到一种方法(fadein - 添加一个css类,fadeout - 删除该类)。

我只找到这个定义一个to和from background-color的例子。

yui3不可能这样吗?使用jquery非常简单。

2 个答案:

答案 0 :(得分:2)

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

默认情况下,hide()和show()会立即隐藏节点。但是,如果您还在“节点”模块旁边加载“过渡”模块,则可以选择通过调用hide(true)将隐藏变为淡入淡出。 (你可以做很花哨的自定义转换,但这就是如何做一个基本的淡入淡出)。

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

答案 1 :(得分:1)

更一般地说,您可以使用http://yuilibrary.com/gallery/show/anim-class动画添加或删除类。