你能在div上获得超过1个jquery效果吗?

时间:2011-11-23 15:22:46

标签: javascript jquery jquery-effects

我正在开展一项需要推送通知的工作项目。 功能正常,但项目负责人希望为通知添加额外的ui效果。

为此,我们使用jquery效果。

我的情况:

  • 我有这个推送通知,旁边有一个带有语音气球的正方形。
  • 他们在一起隐藏着一个div。
  • 如果需要,div将显示效果。

我真正想要的是滑块下滑,0.5或1秒后气球会展开或滑出。

这可以在一个div中进行,还是必须制作2个单独的div?

或者也许以不同的方式描述它,你可以在div上设置效果,这样它只会通过设置大小来显示div的某个部分吗? (将像素0显示为像素150或其他东西。)

提前致谢:)

修改
示例图片 enter image description here

2 个答案:

答案 0 :(得分:5)

我只是部分理解你的问题(视觉辅助工具本来就很好:D),但我得到的是你要么排队的效果:

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

或并行发生的影响:

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

希望有所帮助。如果我没有评论,请评论!

答案 1 :(得分:2)

您也可以使用单个div来实现此操作,同时将div的高度设置为0到所需高度。除了控制高度之外,您还需要在div上设置某些样式,例如overflow:hidden,以便溢出的内容隐藏在div中。