2009-11-29 98 views
3

我想使用jQuery show(700)函数,但我不希望发生任何不透明度更改。有问题的元素具有带alpha透明度的背景PNG图像,在动画过程中,不透明度更改会在背景图像周围形成奇怪的黑色边框。如何从show()函数中省略opactiy动画?如何从jQuery中省略不透明度更改show()

回答

3

使用动画功能,只需改变宽度和高度。这里有一个插件可以做一个揭示。

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

非常感谢Tim! – 2009-11-30 14:20:46

1

我刚找到它。在jQuery中搜索genFx函数。您会看到它循环显示样式数组,并返回正确样式的对象,最终会在内部传递给animate函数。只要从阵列中删除“不透明”!

这也可能为你工作...

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

jQuery的秀慢慢(放映的持续时间)做了了slideDown和同时淡入。如果你想要的只是滑动,只需使用滑动。

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

没什么值得多说的。

+0

我认为函数名称需要是camelCase。 – 2009-11-29 22:17:13

+1

此外,它不仅可以滑下并淡入,还可以扩大宽度。 – James 2009-11-29 22:22:06

+0

是的,骆驼案件,我更新了我的答案。我忘了那个节目(毫秒)做了淡入淡出,滑动并滑出“滑出”。在这种情况下,@ tvanfosson的回答看起来最好。 – jpsimons 2009-11-29 22:33:00