使用jQuery开关类方法淡入元素?

时间:2010-10-08 18:15:31

标签: javascript jquery jquery-ui

这可能吗?我尝试过可见性:隐藏/可见性:可见和显示:无/显示:阻止类之间切换,但两者都导致元素在最后弹出。

3 个答案:

答案 0 :(得分:1)

在设置两个类的样式时,请使用opacity属性。 .swithClass将能够在不同的不透明度之间平稳过渡。

示例:

   .FadeFrom {
      opacity: 0.0;
   }

   .FadeTo {
      opacity: 1.0;
   }

答案 1 :(得分:0)

在此处查看如何实施JQuery Fading

http://api.jquery.com/category/effects/fading/

您可以使用回调函数处理淡入和淡出中的其他事件,如下所示:

  $('.someClass').fadeIn('slow', function() {
    // run extra code here
  });

  $('.someClass').fadeOut('slow', function() {
    // run extra code here
  });

答案 2 :(得分:0)

使用.animate()

$("#myElement").animate({ opacity: 1, left: 0 }, 1000);

要使.switchClass()起作用,您必须编辑jQuery代码。查找function getElementStyles()。在else中,在if (typeof style[key] === 'string') {之后添加此代码:

if (key == "filter" && /^alpha\(opacity=(\d+)\)$/.test(style[key])) {
    newStyle.opacity = parseFloat(RegExp.$1) / 100;
}

应该这样做。