問題タブ [easing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1458 参照

jquery - jqueryアニメーション番号

数値をアニメーション化しようとしています。このシナリオは、actionscript 3 からのものです。

私はこのトピックを見つけました、そしてそれはうまくいきます:

数字をアニメーション化するための Jquery プラグイン

ただし、シナリオを大幅に変更するイージング プロパティはありません。

'easeOut' で値がアニメートされると、上を越えて戻ってきます。

これはこの効果を達成することは可能ですか?

0 投票する
0 に答える
112 参照

jquery - jQueryで現在のデフォルトのイージング関数をプログラムで取得するにはどうすればよいですか?

$.easing組み込みのイージング関数が含まれていますが、現在のデフォルト (つまり、イージング関数が明示的に指定されていない場合に使用されるもの) に関する情報が含まれていないようです。私がそれを実行したとき$.speed()easingプロパティがあります。undefined

0 投票する
2 に答える
1849 参照

ios - iOS でのアニメーションのトゥイーン

私は最初の大きな iOS アプリの作業を開始しようとしていますが、実際にはまだコードを開始していません...つまり、それはすべて理論上のものであり、現時点ではまだ設計段階にあるため、頭の中にあります。 

とにかく、アプリにアニメーション効果が必要になることはわかっているので、調査中です。Flash (AS3) には、Tweener や TweenLite などのライブラリがあり、多数のイージング オプションを利用できます。

私は頭がおかしくなったのでしょうか、それとも 4 つの標準的なイージング オプション以外に使用できるイージング オプションが他にないのでしょうか。 

  • UIViewAnimationCurveEaseIn
  • UIViewAnimationCurveEaseOut
  • UIViewAnimationCurveEaseInOut
  • UIViewAnimationCurveEaseOut

これを達成するために、コア アニメーションを深く掘り下げなければならないのでしょうか? または、便利なサードパーティの SDK を知っている人はいますか。

皆さんありがとう...

0 投票する
1 に答える
7058 参照

jquery - Jquery FlexSlider の連続的な動き (イージングをオフにして、スクロール ティッカーのように表示します)

JQuery Cycle から FlexSlider プラグインに移行したばかりで、次の部分を機能させるのに本当に苦労しています。

  1. リスト項目内に複数の画像があり、結合して 1 つの大きな画像として表示されます。イージングをオフにして、常に同じペースで水平にスクロールしたいと思います。

  2. 連続するデフォルトのアニメーションは動きが遅くなりますが、前/次の矢印があり、アニメーションをスピードアップして、クリックすると次のリスト項目に移動したいのですが、これは可能ですか?!

  3. ホバー時にアニメーションの途中でスクロールを一時停止したいと思います。「pauseOnHover」オプションを使用すると、次のスライドへのスクロールが完了するまで待機して一時停止します。

誰かが上記のいずれかで私を助けることができれば本当に感謝しています. これが私のコードです

私の HTML は、基本的にはプラグインの例で見られるものです。何も微調整していません。

もう一度、助けていただければ幸いです。

0 投票する
1 に答える
333 参照

jquery - 中央から端まで広がる長方形のフェードインを備えたイメージ フェーダー

カスタム Flash アニメーションを jQuery に置き換えています。古いアニメーションでは、カーテンが開くように動くマスクが使用されていました。中央が最初に表示され、画像は両側で横方向にフェードインし、中央の長方形のマスクがエッジに向かって外側に滑らかに拡張されます。

jQueryでこれを行う方法はすでにありますか?

0 投票する
2 に答える
1976 参照

javascript - イージング効果のあるコントロール上でマウスダウンしながら、左/右のdivをアニメーション化する

私はこの前の質問に基づいた機能に取り組んでいます。

ただし、スクロールがゆっくりとすばやく開始されると便利ですが、ユーザーが次/前のボタンを押し続けると複数回起動されるため、アニメーション機能で使用できるイージングを使用することはできないようです。

誰かがこれを達成する方法を知っていますか?

ありがとう :)

JSFiddleを使用:http://jsfiddle.net/4YJPG/4/

追加の関連する質問、可変幅の新しいアイテムが右側に追加されたときにタイムラインdivの幅が動的に更新される場合、スクロールがいずれかの端に到達したときにスクロールが確実に停止するようにするための最良の方法は何ですか?

更新:タイムラインのdivが終わりを超えてスクロールするのを停止するコードを含むJSFiddle(できれば動的な幅で): http: //jsfiddle.net/eFFKU/4/

0 投票する
0 に答える
147 参照

firefox - Firefox と Safari でページの表示が異なる

私はクライアント用のマイクロサイトに取り組んでいますが、Firefox で表示しようとしたときを除いて、ほとんど問題なく動作しています。まだそれを行うことができます(水平スクロールは表示されませんが、水平スクロールすると表示されます)、Webフォントでさえ異なりますが、Webフォントは他のページのFirefoxで完全に表示されます..そして3番目の問題は、ページのプロパティ マージンを 0 に指定したところ、Safari では機能しましたが、Firefox では機能しませんでした。どうすればよいか誰か教えてください..問題を引き起こしている可能性のあるSpryメニューバーとイージング(animate2id)プラグインしかありませんか?Safariでは、私が望むように見えます..前もって感謝します..多分私は私が

場合のコードは次のとおりです..

0 投票する
2 に答える
6455 参照

jquery - jquery .css関数にイージング効果を追加するには?

.CSS 関数を使用する場合、jquery イージング効果を jquery スクリプトにどのように追加しますか? たとえば、この他の行では動作させましたが、.CSS で動作させることはできません。jqueryイージング ライブラリを使用しています。

この .css スクリプトに実装するにはどうすればよいですか?

0 投票する
2 に答える
11682 参照

jquery - css3トランジションイージングをjqueryイージング関数に変換するには?

最新のブラウザと古いブラウザの両方のスライダーも作成しています。私は、CSS3 をサポートする最新のブラウザーで、translate3d と transition を使用してアニメーションを作成しています。古いブラウザでは、2D のトップ、レフト、イージング関数を使用しています。ここからcss3イージングを使用します:

http://matthewlein.com/ceaser/

古いブラウザで使えるようにjavascript関数に変換したいです。イージング関数がたくさんあることは知っていますが、変換方法を知りたいだけです。出来ますか?