2011-12-25 102 views
2

有谁知道我该如何做到这一点?在jQuery砌体上显示元素

 
┌---------------------------------┐#content 
| ┌-------------┐ ┌-------------┐ | 
| |   [.A]| |[.B]   | | 
| |    | |    | |    
| |    | |    | | 
| └-------------┘ |    | | 
| ┌-------------┐ |    | | 
| |   [.A]| |    | | 
| |    | |    | | 
| |    | └-------------┘ | 
| └-------------┘ ┌-------------┐ |     
|     |[.B]   | | 
|     |    | | 
|     |    | | 
|     └-------------┘ | 
└---------------------------------┘ 

我有一个div(#内容),其中masonized divs(.oddpost)。它是两列,所以它只能在右边或左边。现在我想要做的是让div(.A)出现在左侧的.oddposts上,并让另一个div(.B)出现在左侧的div上。

.A和.B都在.oddpost里面,但两者都初始隐藏。我想根据他们的位置让他们“表演”。我尝试过使用位置和偏移量,但它在.oddpost上生效时,他们不使用砌体,然后呈现砌体,所以它有点混乱。有没有什么办法可以使用jQuery实现这个功能?

+1

我想如果你愿意分享一些代码你已经做了什么,有人可以帮助你更多。 – 2012-02-10 12:48:16

+0

我发现这个教程,主要是做你想做的:http://www.9lessons.info/2012/01/facebook-timeline-design-using-jquery.html – fuzzyalej 2012-04-03 09:09:50

回答

0

在HTML文件中创建顺序的div,然后应用这两个A的块

.A { 
float: left; 
} 

一个div里面这是浮动到左边,并应用该到B的块

.B { 
    float: right; 
    } 

在一个div块内部,它与你的css文件中的右边对齐,看看它是否适合你。看到这个例子http://jsfiddle.net/nawar/gg24L/