2011-12-25 98 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/