問題タブ [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.

375 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
345 参照

javascript - jqueryアニメーションはランダムに発生します

ある種のスプラッシュ画面があります。ロゴの1つを押すと、ロゴが中央にアニメーション化され、そのコンテンツが読み込まれます。次に、メインのトップロゴを押すと、コンテンツが非表示になり、スプラッシュ画面に戻ります。しかし、私はこれに問題があります。

コンテナが隠れてから戻ってくるなど。

http://dan.roguedraco.net/SpyroDev/ コンテンツが完全に表示される前に上部のロゴをクリックすると発生した場合、これらすべての発生を許可したいと思います。可能性があるので、ユーザーは同じことをするかもしれません。

Javascript：

}）;

HTML：

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

jquery - シンプルなスライドに使いやすさを追加する / jquery

新しいページ用の完璧でシンプルな jquery コードをついに見つけました。

次のコードのように、イージング関数と時間を追加したいと思います。

私の推測は次のとおりです。

しかし、私はエラーが発生します...

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

jquery - iToggle for jQuery：正しく機能しない

プロジェクトの1つにjQueryiToggleプラグインを使用しようとしています。しかし、それは正しく機能していないようです。最初にコードに取り掛かり、次に問題を説明します。

HTML<head>セクション::

ここでは、すべてのファイルが。なしで正しくロードされています404s。

HTML本文::

iToggle関数の呼び出し

上記のコードはmythadmin.js、セクションの最後に含まれているファイルから呼び出されていますhead。

これはまったく機能していないようです。コンソールにエラーはありません。すべてのファイルが正しくロードされていますが、トグルボタンが表示されません。

をターゲットにするinput's parent containerと、トグルボックスが表示され、オンとオフを切り替えることができますが、easing効果はありません（何らかの理由で）。

だから私がそれに変更$('input#test_cb')した場合はうまくいくと言い$('div.toggle')ます（イージング効果はまったくありません）。

質問：

  1. チェックボックス入力に直接バインドすると、なぜこれが機能しないのですか。
  2. easing.js正しくロードしてもイージング効果が効かないのはなぜですか。

よろしくお願いします！

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

jquery - これにイージングを追加するにはどうすればよいですか？「クーラー」スクロール。Jquery ScrollTo

このコードは、ページを上下に移動するためのものです。すべて正常に動作しています。もう少し簡単にしたいと思います。少し良く見えるアニメーション。何か案は？？

$（function（）{

}）;

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

jquery - イージングが効かない？

動いたときにこれを緩和しようとしていますが、うまくいかないようです..

また、コードが何度も実行されないようにするにはどうすればよいですか。たとえば、同じものに 100 回カーソルを合わせると、100 回再生し続けます...! ありがとう！

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() がスライドショーに追加されるように、スクロール時とページ読み込み時に検出オプションを追加します。またはおそらくより良い方法ですか？私を助けてください、私はこれまでに考えたことをすべて試しました。新しいアイデアは大歓迎です。ありがとうございました


12345678910