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

标签 javascript yui fadein fadeout

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

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

这在 yui3 中不可能吗?用jquery就是这么简单。

最佳答案

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

默认情况下,hide() 和 show() 只是立即隐藏节点。但是,如果您还在“节点”模块旁边加载“过渡”模块,则可以选择通过调用 hide(true) 将隐藏变为淡入淡出。 (您可以执行非常奇特的自定义过渡,但这就是执行基本淡入淡出的方法)。

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

关于javascript - yui3 用类添加淡入淡出效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12997530/

相关文章:

javascript - 淡入 AngularJS 上的数据

jquery - 打开网站时调用脚本

javascript - Firebase - 将文件放在多个目录中

javascript - 什么是让这个图标摆动的最好方法..就像果冻一样

javascript - 如何返回 javascript DOM 元素对象,并从调用者那里appendChild(obj)它?

javascript - jQuery、Prototype、Extjs、mootools、Scriptaculous、Spry、YUI、DOJO 框架之间有什么区别?

c# - YUI 按钮启动回发两次

jquery - 带有淡入/淡出的简单 jQuery 幻灯片

javascript - 如何将数据呈现为电子邮件中的图表

javascript - 使用 Javascript 创建列表