2011-11-23 54 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 这两个都非常有用,所以我只是把它发布的第一个;) –

相关问题