如何从jQuery show（）中省略不透明度更改

Question

我想使用jQuery show(700)函数，但我不希望任何不透明度更改。所讨论的元素具有带有Alpha透明度的背景PNG图像，并且不透明度变化会在动画期间在背景图像周围产生奇怪的黑色边框。如何从show()函数中省略opactiy动画？

Answer 1

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

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

Answer 2

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

这也可能对你有用......

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

Answer 3

jQuery的慢慢地显示（显示持续时间）同时执行slidingown和fadein。如果你想要的只是滑行，只需使用slidedown。

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

对此没什么好说的。