jquery - 淡出和淡入同一空间

Question

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

谢谢

Answer 1

好的，这个不需要jquery！

看例子：

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

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

让我知道！

Answer 2

给它#lg-image，#column-left并且#column-right看起来很像CSS ID 选择器我假设您正在谈论带有 JavaScript 的 HTML/CSS。

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

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