2013-02-19 86 views
1

是否可以从下向上增大/显示图像?从下往上增长/显示图像

我需要动画的图像是不透明PNG这是一个动画序列的一部分 - 该图像是塔的标志,我需要使它从底部向上增长。

这是HTML -

 <div class="logoCover"> 
      <div class="logoTop"> 
      </div> 
     </div> 

我设置一个固定的高度上logoCover(标识高度),并尝试动画的高度 - 但它总是自上而下显示 - 任何想法?

+0

http://stackoverflow.com/questions/8026900/jquery-animate-top-from-bottom-to-top – Morpheus 2013-02-19 11:58:15

回答

3

你可以有一个绝对定位的元素显示由“向上滑动”,如果它被固定在其容器的底部。

.logoTop { 
    display: none; 
    position: absolute; 
    bottom: 0; 
} 

注意.slideDown是jQuery中的 “兜底” 的方法,并.slideUp皮。即使它看起来向上滑动,您仍然需要使用.slideDown来显示它。

http://jsfiddle.net/ExplosionPIlls/UhNwB/

+0

顶尖 - 工程请客 - 欢呼的! – Dancer 2013-02-19 12:28:00