0

こんにちは、私は JSFiddle を持っています。これは、現在上から下に行っているのではなく、下から上にアニメーション化するように取り組んでいます。

これは、画像の前にある募金金額のアニメーション棒グラフとして使用され、この棒グラフは、これまでに調達した金額をドルで表します。

jsfiddle はこちら: http://jsfiddle.net/kboucher/YDruG/

どんな助けでも素晴らしいでしょう!!!

アップデート

HTML コード:

<a href="#" id="button">View 100 (out of 500)</a>

<div id="barGraph-container">
    <div id='barGraph'></div>
</div>​

JS:

$('#button').click(function(){
    $('#barGraph').animate({height:'72px'}, 500);
});

CSS:

#barGraph-container {
    height: 200px;
    position: relative;
}
#barGraph {
    height: 200px;
    width: 50px;
    background-color: #000;
    position: absolute;
    bottom: 0;
}​
4

3 に答える 3

1

棒グラフの周りにコンテナーを配置し、絶対配置を使用してコンテナーの下部に固定してみてください。

このように: http://jsfiddle.net/kboucher/YDruG/

于 2012-10-10T18:52:09.957 に答える
0

グラフ バーに相対的な位置を指定し、上部の位置のアニメーションを追加して、減少した高さを補うことで、これを非常に簡単に実現できます。

http://jsfiddle.net/GZeu3/19/

于 2012-10-10T19:02:32.783 に答える
0

これは、成長しているように見えるグラフを「明らかに」するために 2 つの div を使用する例です。

http://jsfiddle.net/GZeu3/23/

于 2012-10-10T19:03:38.773 に答える