1

我有一个像下面这样使用 jquery 原型库的可乐：

        new Effect.SlideDown(this.imageDataContainer, { sync: true, duration: this.resizeDuration, from: 0.0, to: 1.0 }), 
        new Effect.Appear(this.imageDataContainer, { sync: true, duration: this.resizeDuration })

此代码强制 imageDataContainer 元素从 0 Opacity 向下滑动到 1 Opacity。

如何使用从 jquery.com 网站下载的新 jquery 库实现上层代码？

slideDown 的语法是这样的： http ://www.w3schools.com/jquery/eff_slidedown.asp

我知道 slideDown 和 fadeTo 函数在 jquery 中是如何工作的/但是我怎样才能像上面的代码一样组合它们呢？

我测试下面的代码 - 但你不能改变不透明度 - - DURING - - 切换：

          $('#lightbox-container-image-data-box').animate({
            opacity: 0,
            height: 'toggle',
            opacity: 1
          }, 400, function() {
            // Animation complete.
          });

感谢 4 关注

4

1 回答 1

3

为此使用animate()。使用 animate，您可以为元素上的任意数量的属性设置动画。

在此处查看以下代码的演示：http: //jsfiddle.net/chrisramakers/8ewEp/ 

$('#book').hide();
$('#book').animate({
  opacity: 'toggle',
  height: 'toggle'
});
于 2011-03-29T06:05:24.383 回答