問題タブ [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 に答える
1412 参照

javascript - jQuery Cycleプラグイン:スライドを一定の速度で水平方向にスクロールします。

jQueryCycleプラグインを使用しています。'scrollHorz'プロパティの値として使用するとfx、スライドは一定の速度ではなく、簡単に移動します(デモを参照)。

スライドを一定の速度で動かすにはどうすればよいですか?

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

javascript - 1 ページ レイアウトのイージングが Internet Explorer 9 で機能しない

1 ページ レイアウトのアンカー リンクを Internet Explorer で動作させるのに問題があります。

私は、Easing プラグインで jQuery を使用して Web ページのアンカーに移動しています。これは Chrome で機能し、Internet Explorer (9) でテストしたところ、次のことが起こりました。

Internet Explorer はページの下部に、ActiveX 要素を有効にする必要があるという警告を出しました。リンクの 1 つをクリックすると、アンカーに移動しますが、アニメーションは表示されません (また、間違って表示されます。固定ヘッダーを使用しているため)。

ActiveX 要素を有効にすると、リンクをクリックしても何も起こりません。

これは私のコードです:

誰でもこれで私を助けてくれますか?

乾杯!

0 投票する
5 に答える
6283 参照

javascript - 他の要素が消えたときに要素をアニメーション化/配置しやすくする

このフィドルを見てください:http://jsfiddle.net/dhcyA/

ブロックをクリックしてみてください。私が欲しいのは、他の要素が消えたときに、選択したブロックが、今のようにジャンプするのではなく、与えられた位置にアニメーション化/緩和することです。次に、ボックスをもう一度クリックすると同じアニメーションが繰り返されますが、元の場所に戻ります。

覚えておくべきかもしれませんが、
私は応答性の高いデザインを使用しています。つまり、ウィンドウを拡大縮小した後、これらのブロックを垂直方向と水平方向に配置できます。

フィドルや提案に関する再定義は素晴らしいでしょう!

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

jquery - 高速化するカスタム EaseOut 関数を作成するには?

基本的にdivを上下に移動させるマウスオーバー機能があります。これはインターバル タイマーを使用し、よりスムーズにするためにアニメーション化されています。

最終的なイーズアウト速度に一致するように、各間隔でアニメーションの速度を上げるにはどうすればよいですか? 基本的に、マウスオーバーすると、どんどん速くなっていきますが、アニメーションは滑らかなままです。

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

javascript - jQuery サイクル プラグインに基づくスライドショーが画面幅に正しく調整されない

jQuery サイクルのスライドショーを自分のサイトに追加しました。スライドショーは正常に動作しますが、幅が大きな問題です。幅は画面に適応しません。画像の幅 (最大) を取得して表示します。私の大きなモニターは問題なくすべてを表示します。なぜなら、画像はたまたまそれと同じ幅だからです。しかし、私の小さなモニターには水平スクロール バーが表示され、画像のサイズが変更されません。

これに対する具体的な修正方法はありますか、それとも手動で修正する必要がありますか? 同様に、$(document).width() がスライドショーに追加されるように、スクロール時とページ読み込み時に検出オプションを追加します。またはおそらくより良い方法ですか?私を助けてください、私はこれまでに考えたことをすべて試しました。新しいアイデアは大歓迎です。ありがとうございました

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

actionscript-3 - AS3: Tweenlite クラスのループは効率的か

オブジェクトがスムーズに動くようにトゥイーンライトクラスをループしているAndroid用のゲームがあります。オブジェクトを移動するには独自のスムージング関数を作成する必要があることはわかっていますが、tweenlite よりも優れているとは思いません。コードでは、ボールが転がるのをたどっていますが、特に簡単にやりたいと思っています。このコードは連続して実行されるわけではなく、ボールが転がった後、毎回数秒間だけ実行されます。

私の質問は、Android の場合、そのように使用するのは効率的ですか?

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

actionscript-3 - TweenLite AS3: ease:Linear.easeNone が機能しない

以下の関数では、(関数 generateItem() によって生成された) ランダムなアイテムをステージに投げ、ステージの右側の外側から左側のすぐ外側に移動させようとしています。これは問題なく動作しますが、唯一の問題は TweenLite.to 関数の ease:Linear.easeNone が動作しないことです。アイテムはアニメーションの最初は速く、最後はゆっくりと動き続けます。コードは次のとおりです。

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

jquery - 次の jQuery アニメーションにイージングを追加しますか?

要素の高さをアニメーション化しています:

イージングを追加する方法を考えていましたか?(例えば、アニメーションが最後に向かって遅くなる?)

0 投票する
3 に答える
96 参照

javascript - JavaScript で角度ではなく曲線の結果セットを取得する (数学の助けが必要)

一連の座標からの距離に基づいてセルをシェーディングしてグラデーションを作成するスクリプトがあります。私がやりたいのは、現在のひし形ではなく、グラデーションを円形にすることです。ここで例を見ることができます: http://jsbin.com/uwivev/9/edit

曲線を取得するための適切な数学関数を手に入れることができれば、それは素晴らしいことです! ありがとう!

ダレン

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

math - 関数の整数値を 10 進数未満の値に変換する

0 から 1 の範囲で値を緩和する関数があります。実際の値は 0 から 230 と 230 から 0 です。適切な "10 進数変換" 値で関数を呼び出し、出力を整数に戻すにはどうすればよいですか? 時間も関数の外で処理されます

このタイプの変換を表す適切な用語は何ですか?