淡出和淡入同一空间答案

【问题标题】：Fadeout and Fadein into the same space淡出和淡入同一空间
【发布时间】：2010-04-30 18:16:28
【问题描述】：

我想淡出 #lg-image 并淡入 #column-left 和 #column-right 到与 #lg-image 相同的空间。这可能吗？

谢谢

【问题讨论】：

你能发布一些代码吗？我最好帮助你。
这是我必须淡出 div 的代码。 $("#lg_image").load(function () { $("#lg_image").fadeOut(3000); });我需要知道如何将一个部分淡入我刚刚淡出的那个确切的 div 空间。这可能吗？
你需要发布 HTML!!!!!!

标签： jquery css callback fadein fadeout

【解决方案1】：

假设 #lg-image 和 #column-left 和 #column-right 看起来很像 CSS ID selectors 我假设您在谈论带有 JavaScript 的 HTML/CSS。

此外，鉴于您使用 CSS 选择器语法引用 HTML 元素，您正在使用 jQuery 完成工作。 jQuery 提供fadein() 和fadeOut() 函数。

在我链接的fadein() 页面上有一个example，我链接到了哪些演示淡出某些东西并在同一个地方淡出其他东西。您正在寻找的不是当时的 JavaScript，而是允许两个元素在屏幕上占据相同空间的 CSS。请注意，示例中的 CSS 包含一个针对<div> 元素的position:absolute; CSS 属性，而针对<p> 的CSS 规则指定position:relative;。这些是真正的魔力，要真正获得它，您需要阅读一些关于 CSS positioning 的内容。

【讨论】：

你太棒了！这是完全正确的。我去看看链接号。谢谢

【解决方案2】：

好的，这个不需要jquery！

看例子：

演示： http://jsbin.com/aguhu/4

源代码： http://jsbin.com/aguhu/4/edit

告诉我！

【讨论】：

嗨，aSeptik。我会将#column-left 和#column-right 放在html 页面上吗？如果是这样，我将如何隐藏它以便它仅在#lg-image 淡出时显示？