jquery褪色效果

时间:2009-06-23 22:06:16

标签: jquery

我有这个javascript代码,我想添加jquery淡入效果

hover.addEventListener('mouseover',function () {Core.addClass(cpanel,"on");},false);

Core是我正在使用的另一个库。 上面的事件监听器只是使cpanel div处于可见状态。我如何让它淡入视图。我正在使用jquery-ui并且非常新。

非常感谢。

2 个答案:

答案 0 :(得分:1)

假设你的cpanel div有一个'on'类,你可以这样做:

$('.on').fadeIn("slow"); //.fadeIn("normal"); or .fadeIn("fast");  

请参阅jQuery的fadeIn effect

答案 1 :(得分:0)

您可以使用fadeIn:

http://docs.jquery.com/Effects/fadeIn#speedcallback

如果你仍想使用你的代码片段来添加那个类(也可以用jQuery btw来完成),只需将jQuery fadein代码放在​​它之前。这将导致fadeIn效果发生,然后只需添加(可能是多余的)“on”类。

回应评论: 这是我先尝试的代码

hover.addEventListener('mouseover',function () {
  cpanel.fadeIn("slow"); // this is if cpanel is a jQuery object.  If it is an element, do $(cpanel).fadeIn("slow");
  Core.addClass(cpanel,"on");
}, false);

如果仍然无效,你能告诉我发生了什么事吗?感谢。