2011-11-23 68 views
4

我正在進行需要推送通知的項目。 功能正常,但項目負責人希望爲通知添加額外的UI效果。你可以在div上有多個jquery效果嗎?

爲此,我們使用jQuery效果。

我的情況:

  • 我有了與旁邊有一個談話氣球方這個推送通知。
  • 他們在一起被隱藏在一個div裏。
  • 如果需要,div會顯示效果。

我真的很喜歡這個塊滑落,0.5或1秒後氣球會展開或滑出。

這是可能做到一個div或我必須做2個單獨的div?

或者可能用不同的方式來描述它,你可以在div上設置效果,因此它只會通過設置尺寸來顯示div的某個部分? (顯示像素0至150像素或什麼的。)

感謝提前:)

編輯:
示例圖像 enter image description here

+0

爲了幫助您,您能否提供當前情況的代碼示例? –

+1

難道你不能隱藏容器+框+氣球,然後顯示容器然後動畫框,然後氣球? –

+0

那麼現在還沒有代碼。 現在我只是想知道如果我想要的是可能的,我會給出完整通知的屏幕截圖^^ –

回答

2

您可以通過動畫的高度做到這一點使用單格也的div從0到所需的高度。除了控制高度外,還需要在div上設置一些類似overflow:hidden的樣式,以便將溢出的內容隱藏在div內。

+0

我認爲這應該可以做到。 ty :) –

5

我只能部分地理解你的問題(視覺教具會一直好:d),但我得到的是,你要麼要排隊的效果:

http://api.jquery.com/queue/

或效果並行發生:

How can I get jquery to execute animations in exact parallel?

希望有幫助。評論,如果我脫穎而出!

+0

好吧,我發佈了一些視覺輔助工具;) –

+0

對不起,我不能接受多個答案xD 這兩個都非常有用,所以我只是把它發佈的第一個;) –

相關問題