如何从 jQuery show() 中省略不透明度更改答案

【问题标题】：How to omit opacity changes from jQuery show()如何从 jQuery show() 中省略不透明度更改
【发布时间】：2009-11-30 07:00:34
【问题描述】：

我想使用 jQuery show(700) 函数，但我不想要任何不透明度更改。有问题的元素有一个具有 alpha 透明度的背景 PNG 图像，并且不透明度的变化会在动画期间导致背景图像周围出现奇怪的黑色边框。如何从show() 函数中省略不透明动画？

【问题讨论】：

标签： jquery animation

【解决方案1】：

使用动画功能并简单地改变宽度和高度。这是一个可以显示的插件。

jQuery.fn.extend( {
    reveal: function() {
       return this.each( function() {
           var $this = $(this);
           $this.animate( { width: "show", height: "show" } );
       });
    }
}

【讨论】：

【解决方案2】：

我刚刚找到它。在 jQuery 中搜索 genFx 函数。您会看到它遍历样式数组并返回正确样式的对象，该对象最终在内部传递给 animate 函数。只需从数组中删除“不透明度”！

这也可能对你有用...

.animate({ width: "show" });

【讨论】：

【解决方案3】：

jQuery 的缓慢显示（显示持续时间）同时进行向下滑动和淡入。如果您只需要向下滑动，只需使用向下滑动即可。

jQuery("#someElement").slideDown(700);

关于这个没什么好说的了。

【讨论】：

我觉得函数名需要是camelCase。
另外，它不只是向下滑动和淡入，它还扩大了宽度。
是的，骆驼案，我更新了我的答案。而且我忘记了 show(milliseconds) 进行淡入淡出、向下滑动 and 并“滑出”。在这种情况下，@tvanfosson 的答案看起来最好。
slideDown 只为高度设置动画，我主要想为宽度设置动画。我的答案是有效的，tvanfosson 的也是。感谢您的帮助。
你让我很开心，虽然与主要问题没有直接关系，但我试图用动画完成幻灯片并找到你的 slidedown() 答案......！！太棒了..!!