想用jquery淡入效果,但想用visibility:hidden最初

Posted

技术标签:

【中文标题】想用jquery淡入效果,但想用visibility:hidden最初【英文标题】:Want to use jquery fade in effects, but want to use visibility:hidden initially 【发布时间】:2013-11-18 00:18:38 【问题描述】:

似乎大多数 jquery 淡入/淡出和动画功能都基于具有 display:none 而不是 visibility:hidden 的初始元素。

如果我希望初始元素占用页面上的空间(即使用可见性:隐藏),然后使用淡入/淡出或滑动效果怎么办?有没有简单的方法可以做到这一点?

【问题讨论】:

@StuartKershaw,这个问题在我看来毫无意义。 jquery fade element does not show elements styled 'visibility: hidden'的可能重复 【参考方案1】:

当然,从visibility: hidden 开始,然后:

$('.your-element').css('visibility','visible').hide().fadeIn();

借自very similar问题。

【讨论】:

【参考方案2】:

您也可以尝试像这样 (Demo) 使用 fadeIn

$('div').css(opacity: 0, visibility: "visible").animate(opacity: 1, 'slow');

【讨论】:

以上是关于想用jquery淡入效果,但想用visibility:hidden最初的主要内容,如果未能解决你的问题,请参考以下文章

想用 css 或 jquery 对图像进行滚动效果

jQuery 慢慢淡入 inset boxshadow [重复]

jQuery - 具有悬停效果的多个项目

UIImageview+AFNetworking 淡入,图片缓存时也一样

jQuery 效果 - 淡入淡出

我想用C#做个WinForm界面,类似迅雷7那样的按钮效果,该如何实现,我不要求那种动画效果