問題タブ [jquery-animate]

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

jquery - jQuery を使用した非常にスムーズなアニメーション効果

ユーザーがリンクをクリックしたときに一部の DIV を交換するために、私のページに jQuery をセットアップしました。DIV にはフラッシュ オブジェクト、段落、および画像が含まれており、リンクをクリックして交換すると、効果が正確ではありません...スムーズです。

これは私のコードです:

フラッシュオブジェクトにしばらく引っかかってから、完全に消えます。jQueryで本当にスムーズなアニメーション効果を作るプラグインを知っている人はいますか? 私はjQuery UIを見てみましたが、私が望むものには少しやり過ぎのようです。

乾杯。:)

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

jquery - jQueryでのテーブル列の開閉のアニメーション

jQueryでテーブル列の開閉をアニメーション化するにはどうすればよいですか?

私は現在このコードを持っています:

そして、標準のTABLE / TR / TH / TDタグを含むHTMLと、開いたり閉じたりする必要があるものを識別するために使用されるクラス名を持つTHタグとTDタグが含まれています。

問題は、jQueryがテーブルに触れた後、影響を受けたセルが、きちんと並んでいるのではなく、お互いの上に積み重ねる必要性を突然感じていることだと思われます。

これは、jQueryが「テーブルのように」表示される要素ではなく、「ブロック」要素のみをアニメーション化できることに関係していると思います。では、ブロック要素からテーブルを作成できますか?または、テーブルのような要素をアニメーション化する別の方法はありますか?この提案された解決策を見つけましたが、アニメーションのためだけにすべてのテーブル要素をDIVに含めるのは面倒なようです...

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

javascript - アニメーションとデータに関する2つのjqueryの問題

私はフォトギャラリーに取り組んでいます。私が持っている最初の問題はです$.data。プラグインを介して画像を設定するときは、次のようにします。

次に、画像をフルサイズにアニメーション化する場合は、次のようにします。

これはInternetExplorerとFirefoxで正常に機能しますが、SafariとChromeでテストしたところ、値はゼロですがFirefoxであり、正しい幅と高さです。なぜそれが起こるのかについてのアイデアはありますか?

2番目の問題は、InternetExplorerのスクロールアニメーションです。基本的に、私が持っているのは、overflow:hiddenを備えたラッパーと、ギャラリーの行(約50個の画像を含む)を保持するコンテナーです。今、私は次と前の2つのボタンを持っています。それらのコードは基本的にこれです:

今グーグルクロームとサファリでこのアニメーションは美しく実行されます。Firefoxでは少し遅いですが、私が一緒に暮らすことができなかったものは何もありません。ただし、IEでは、アニメーションは実際には表示されません。実際に見ることができるのは、アニメーションのほぼ最後の位置にジャンプしてから、少しだけ移動することです(最後に到達するため)。これを引き起こす可能性のあるアイデアはありますか?

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

jquery - 移動時にフローティング div をアニメーション化する

2 つの列があります。左側の列は、正方形のフローティング jQuery ドラッグ可能要素のグリッドです。右側の列は jQuery のドロップ ターゲットです。そのため、ターゲットに dropabble をドロップすると、それは右側の列に追加され、左側に隠され、グリッドが移動して、そのスペースがあったスペースを埋めます。

インスタント移動の代わりに jQuery を使用してこれをアニメーション化する方法はありますか?

わかりました、コードを追加しました。私が言おうとしているのは、緑を上にドラッグすると、左の列の後のものが移動して空のスペースを埋めるということです. 彼らが自分で(去った​​後)行う動きをアニメーション化できるかどうか疑問に思っています。これを説明する方法がわからないので、混乱している場合は申し訳ありません。

ありがとう

誰かがアイデアを持っている場合は、最後のバンプ。

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

jquery - JquerybackgroundPositionアニメーションの質問

ユーザーがキーを押している間、Jqueryを使用してオブジェクトをアニメーション化しています。

キーアップするとオブジェクトの移動が停止しますが、オブジェクトが停止したときのオブジェクトの背景位置を知る必要があります。.stop(true);を使用する

あまり深く掘り下げることなく、背景の位置を把握できる必要があります。とにかくそれらの番号を取得するためのJavascriptまたはjqueryはありますか?

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

jquery-ui - CSS プロパティの代わりに JQuery アニメーションをメソッド/セッターにアタッチしますか?

JQuery リファレンス @ http://api.jquery.com/animate/から:

実際の CSS プロパティしか変更できないようですが、JQuery オブジェクトのプロパティもアニメーション化できたらいいのにと思います。例として、プログレスバーの「値」プロパティをアニメーション化したいと思います:

http://jqueryui.com/demos/progressbar/#option-value

プログレスバーのこの「値」プロパティをアニメーション化する方法が見つかりませんでした。そうする方法はありますか?

手伝ってくれてありがとう..

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

jquery - Jquery Animate + フェード効果のバグ

投稿する前に、「私の英語でごめんなさい」と言いたいです。JQuery に問題があります。http://socialworld.den-style.net/ロゴの下の「Nascondi」をクリックすると、#post が右に移動してから元の位置に「戻る」ことがわかります。このエラーを修正するにはどうすればよいですか? どうもありがとう。

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

jquery - jquery:要素の高さを上方向に変更

li(リスト)要素の高さを上向きに変更する「ホバー」効果を作ろうとしています。jqueryを使用して、要素の高さを下向きに変更することができました。上方向への方向転換は可能ですか?

http://www.izrada-weba.com/vedranmarketic/

css ファイル:

jquery ファイル:

html:

前もって感謝します!イル

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

jquery - jQueryの.animate()の問題

.show( "slow")で表示された後、.animate()を使用していくつかのdivをスムーズに再配置しています。divはまだアニメーションを実行している場合と実行していない場合があるため、アニメーションの実行後に移動が行われるように.queue()も使用しています。

問題:.animate()が機能しません。コードの正しい行に到達しますが、何も実行せず、エラーも生成しません。ヘルプ?

Javascript:

CSS:
(show( "slow")を使用してセクションを表示から外します:none)

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

jquery - jQueryの背景画像アニメーション

jQueryで2つのPNG画像間をアニメーション化するにはどうすればよいですか?これは可能ですか?

ある色から別の色に移行するときのCSS3トランジションのようなものですが、画像から画像へのトランジションが必要です。