1

ここでこれを尋ねることができるかどうかはわかりませんが、jquery / svg（おそらく.animateを使用）で行われる単一のアニメーションバーのチュートリアルを見つけようとしています。

ローディングバーを見つけようとしているのではなく、実際に0度から24度の視覚化を示すバーが必要です。

実際にそれを行う方法を視覚化することも、実際にチュートリアルを見つけることもできません。誰かが私に実際にそれを行う方法を理解できるチュートリアル（または明確なヒント、あなたたちがここで個々のハードワークを強調していることを知っています、そして私も学びたいです）を教えてもらえますか？

これが大まかな視覚化です：

0 Deg                          24 Deg
******                          ____
******                          |  |
******                          |  |
******                          |  |
______      animates to        _|__|_
4

1 に答える 1

4

それはhtml/cssの問題ですか、それともjavascript / jqueryですか？これを行うための1つの可能な方法を示す小さなサンプル：

<button id="start">start animation</button>
<div id="foo"></div>

#foo {
    background-color: rgb(235,235,235);
    box-shadow: 0 0 1px 1px rgb(130,130,130);
    width: 20px;
    height: 0px;
    margin: 50px;
    position: relative;
    top: 200px;
}

$(function() {
    $('#start').click(function() {
        $('#foo').animate({
            height: 200,
            top: 0
        });
    });
});

jsfiddle

于 2013-02-20T12:19:43.260 に答える