1

高さ:15px と幅:300px と言うと、グラデーション プログレス バーがアニメーション化されます。

ここにドキュメントがあるとしましょう：

<html>
  <body>
    <a href="#container3">Container 3</a>
    <div id="container1" style="width:100%;height:1000"></div>
    <div id="container2" style="width:100%;height:650"></div>
    <div id="container3" style="width:100%;height:480"></div>
    <div id="container4" style="width:100%;height:600"></div>
  </body>
</html>

そこに固定位置の進行状況バーがあるとしましょう。したがって、コンテナー 3 をクリックすると、要素 #container3 までスクロールダウンし、ドキュメントが下にスクロールするにつれてグラデーション進行状況バーの幅が増加します。要素 #container3 が画面の上部に到達するための幅。スクロールは、コンテナ 3 をクリックするだけでなく、手動でも行うことができます。

-どのようにグラデーションをアニメーション化できますか(左から右へ)背景色 -スクロールした高さに対するグラデーション幅の増減を取得するためのjqueryアルゴリズムは何ですか?

実際の例は大歓迎です

4

1 に答える 1

0

グラデーション プログレス バーの URL はほとんどありません

http://www.htmldrive.net/tags/show/progress+bar、

http://jqueryui.com/progressbar/#animated

要素にグラデーションを重ねる

于 2013-02-04T11:10:36.813 に答える