Fadeout和Fadein进入同一个空间

时间:2010-04-30 18:16:29

标签: jquery css callback fadein fadeout

我希望淡出#lg-image并将#column-left和#column-right淡入与#lg-image相同的空间。这可能吗?

谢谢

2 个答案:

答案 0 :(得分:0)

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

另外,假设您使用CSS选择器语法引用HTML元素,那么您就可以使用jQuery来完成工作了。 jQuery提供fadein()fadeOut()函数。

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

答案 1 :(得分:0)

好的,这不需要jquery!

查看示例:

DEMO: http://jsbin.com/aguhu/4

消息代码: http://jsbin.com/aguhu/4/edit

告诉我!