2012-05-04 49 views
0

基本上我想要實現的是文本的動態部分 - 在一個段落的中間,這是動態的。我無法創建一個在線div(或span),可以包含類似的無序列表或其他幾個spans我可以上下移動,以顯示它們。想象一個包含4個div的窗口(溢出),它們相互堆疊在一起,只有足夠的空間顯示其中一個(其餘都隱藏)。我希望能夠上下移動這個堆棧以顯示這個堆棧的其他部分。在段落中間創建文本的動態比特

我希望有人能帶的jsfiddle顯示文本,在它的中間有一個動態部分的大塊答覆,符合段落文本的其餘部分。

+0

你說的一樣,4點拖拽元素堆疊在彼此的頂部,你可以拖走,看看有什麼下面? – Marc

+0

你的意思了[摺疊菜單(http://jqueryui.com/demos/accordion/),或[堆疊面板(http://gwt.google.com/samples/Showcase/Showcase.html#! CwStackPanel)? –

+0

這很難解釋我想要什麼。想想一個句子。在這句話中,我希望其中一個單詞替換爲一堆單詞 - 頂部有一個開口,以便只顯示頂部的單詞(以及其下的其他單詞隱藏)。我希望jQuery定期上下移動這個「堆棧」以顯示不同的單詞。所以句子保持不變,只有一個單詞會改變。 –

回答

0

你可以像這樣的東西開始,用jQuery Draggable

http://jsfiddle.net/RqHFL/

應用 「拖動」 給你DIV這樣的:

$("#draggable1").draggable({ axis: "y" }); //constrained to y axis movement 
+0

@EliranMalka,我同意。我的回答沒有任何部分顯示它是。 – Marc

+0

非常接近我想要的。但是我想要一堆帶有小開口的物品,可以顯示其中一個物品。然後,我希望jQuery能夠定期上下移動堆棧以顯示不同的項目。但是,我希望這是一個段落的內聯,而不會導致奇怪的間距錯誤。 –

0

經過一番考慮,vertical-align: bottom似乎是我最好的朋友。