問題タブ [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 に答える
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関数に変換したいです。イージング関数がたくさんあることは知っていますが、変換方法を知りたいだけです。出来ますか?

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 回再生し続けます...! ありがとう!