問題タブ [animation]

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 投票する
5 に答える
915 参照

javascript - ドロップ シャドウを適用する最良の方法は何ですか?

ドロップ シャドウを適用する最適な方法は何ですか? 私は現在、それらを大量に持っているサイトに取り組んでいますが、それを行うための最良の方法を見つけるために戦っています. このサイトはかなりアニメーションが多いので、影はこれでうまく機能する必要があります.

jQueryシャドウパルジンを試しました。影は見栄えがよく、使いやすかったのですが、遅く、どのアニメーションでもうまく機能しませんでした (多くの再描画が必要で、非常にジョギーが必要でした)。

また、要素をいくつかの灰色の div でラップし、それらを少しオフセットして影の効果を与える独自の jQuery 拡張機能を作成してみました。これはうまくいきました。アニメーションへの応答が速く、迅速です。ただし、すべてがこれらのシャドウ div にラップされているため、DOM 操作/トラバーサルが面倒になります。

もっと良い方法があるはずですが、これは私の得意分野ではありません。考え?

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

wpf - ビジュアル ツリーから削除する前に WPF コントロール アニメーションを完了する方法

ビジュアル/論理ツリーから削除される直前に、WPF コントロールをアニメーション化するシナリオがあります。コントロールはカスタムであり、アニメーションを含むコントロール スタイルは設計者によって提供されます (つまり、コントロール コードを記述する時点では、それらがどうなるかについての詳細はわかりません)。オブジェクトが削除される直前にデザイナーがアニメーションをトリガーできるようにするルーティング イベントを提供したいと考えています (たとえば、ユーザーがマウスでコントロールをドラッグしていて、マウス ボタンを離すと、コントロールが急激にではなくゆっくりとフェードアウトする場合があります)。ビジュアル/論理ツリーから削除されます)。これは、ルーティング イベントを使用するだけで可能ですか? デザイナーが風変わりな依存関係プロパティを設定したり、アニメーションの最後にコントロールの削除をトリガーしたりする必要なく、アニメーションの完了を検出することは可能ですか? 依存関係プロパティを使用すると、デザイナーがプロパティの設定に失敗した場合にメモリ リークが発生します。より良い方法はありますか?

0 投票する
8 に答える
84580 参照

jquery - jQueryアニメーション-スムーズなサイズ遷移

とても簡単かもしれませんが、まだ学ぶべき例がないので、ご容赦ください。;)

基本的に私がやりたいことは次のとおりです。

新しいコンテンツが挿入されたときに、コンテンツが多いdivのディメンションと、コンテンツがほとんどないdivのディメンションの間をスムーズにアニメーション化したいと思います。

考え?

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

c# - タブ コントロールのタブ ページ間のフェード

複数のタブ ページを持つタブ コントロールがあります。タブを前後にフェードできるようにしたい。タブ コントロールに不透明度オプションが表示されません。あるタブ ページから別のタブ ページに切り替えるときにフェード効果を発生させる方法はありますか?

0 投票する
6 に答える
16288 参照

iphone - UIImageView アニメーションを一時停止する方法

UIImageView を使用して表示しているアニメーションがあります。

stopAnimating を使用して停止できることはわかっていますが、一時停止できるようにしたいのです。その理由は、停止を呼び出すと、アニメーション画像が表示されないのに対し、ボタンを押したときに最後に表示されたものを表示したいからです。

継続時間をもっと大きな数値に設定しようとしましたが、それによってすべての画像も消えてしまいます。これを行うには本当に基本的な方法が必要ですか?

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

javascript - jqueryアニメーションの*前に*実行するようにコールバックを設定するにはどうすればよいですか?

アニメーションが特定の回数実行され、アニメーションの各反復の前に関数が実行されるループを設定しようとしています。ただし、タイミングはずれてしまいます。コールバックを n 回実行してから、アニメーションを n 回実行します。例えば:

出力

jquery に切り替える前に scriptaculous でこの問題に遭遇し、「beforeSetup」アニメーション コールバックを発見しました。jqueryに相当するものはありますか?

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

python - プログラムでアニメーション化された側面を持つ画像を作成する方法

バックグラウンド

クライアントから、世界のある部分から別の部分に移動する矢印/光線をアニメーション化した世界の写真を作成するように依頼されました。

光線はランダム化され、トランザクションを表し、発生後にフェードアウトし、時間の経過とともに頻度が増加します。光線はある国の境界で始まり、別の国の境界で終わります。アニメーション化された各トランザクションが発生すると、すべてのトランザクションの金額の合計が継続的に更新され、画像の下部に表示されます。個々の取引の金額はランダム化されます。また、n 秒ごとにインクリメントされる年が画像に表示されます。

ランダム化、合計、およびインクリメントは私にとって問題ではありませんが、矢印/光線のアニメーションにどのようにアプローチするかについて途方に暮れています。

私の質問は、これを行うための最良の方法は何ですか? この仕事に最適なフレームワーク/ライブラリは何ですか?

私はPythonに最も精通しているため、Pythonの提案は私にとって最も簡単ですが、これを行うためのエレガントな方法なら何でも受け入れます. クライアントは、これを Windows マシンのプレゼンテーションでスライドとして提示します。

0 投票する
4 に答える
544 参照

javascript - ページングの代替手段

私は、潜在的に数百ページのボリュームでページ化された結果を返すプロジェクトに取り組んでいます。私は、標準の最初/最後/次/前のリンクとテキスト ボックスへのジャンプよりも、ページングを実行するためのより使いやすい方法を試してきました。私が持っていた1つの代替案は、ページのスクロールリストを持つことでした. 現在のページを中心に、一度に 5 ~ 7 個のリンクを表示しますが、番号付きリストをスクロールするには、両側のボタンにオンホバー アクションを追加します。これにより、面倒な「Jump to」テキストボックスがなくても、必要に応じてユーザーはページ数を大幅に増やすことができます。誰もがより良いアイデアを持っていますか?

そうでない場合は、上記の機能を実装する方法を決定しようとしていますが、div のセクションのみを表示する方法がわかりません (div はリンクの完全なリストです)。

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

apache-flex - アニメーション目的で、Flex のレイアウトからオブジェクトを「分割」するためのアドバイスはありますか?

Flex のレイアウトにオブジェクトがある場合、そのレイアウトから「分割」してアニメーション化できるようにする良い方法は何ですか。

たとえば、画像とキャプションを斜め​​に配置しています。マウスがロールオーバーしたときに画像をわずかに「ズームアウト」したいと思います。レイアウト コンテナー内はアクティブなので、サイズを変更すると、明らかに他のすべての場所を移動します。

を設定するだけで、私が望むものを達成できるとは思いませんincludeinlayout=false

これに関するベストプラクティスの経験はありますか?

私が考えている最善のアイデアは、画像を非表示にし、画面座標変換関数を使用して同じ場所に別の画像を作成することです。このjsutはぎこちなく見える

0 投票する
38 に答える
343576 参照

jquery - jQueryで要素を「フラッシュ」するにはどうすればよいですか

私はjQueryを初めて使用し、Prototypeの使用経験があります。プロトタイプには、要素を「フラッシュ」する方法があります。別の色で簡単にハイライトし、通常の色にフェードバックして、ユーザーの目を引き付けます。jQueryにそのようなメソッドはありますか?フェードイン、フェードアウト、アニメーションが表示されますが、「フラッシュ」のようなものは表示されません。おそらく、これら3つのうちの1つを適切な入力で使用できますか?