問題タブ [jquery-effects]

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 に答える
306 参照

jquery - jQueryツールでfadeTo()をfadeIn()に変更する際の問題

この設定では、jQueryToolsScrollableを使用しています。大きな画像のトランジション効果を変更できません。

サムネイルをクリックすると、大きな画像がフェードアウトおよびフェードインします(この動作は、リンクにアクセスしてデモで確認できます)。フェードインするのは大きな画像だけです。

var wrap = ... fadeTo()への遷移をに変更するのと同じくらい簡単だと思いましfadeIn()たが、そうではありません。wrap.fadeTo()ラインのトランジションも変更しましたが、うまくいきませんでした。

なぜ何かアイデアはありますか?私の例から不要なコードを切り取った...

HTML

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

jquery - jqueryのロッキング効果?

jqueryでロッキング効果を作成することは可能ですか?正直なところ、それがどのように機能するかは想像できませんが、jqueryは比較的新しいので、常に質問することをお勧めします。

http://img163.imageshack.us/img163/9049/63148139.jpg

あなたが想像できるように、正方形(3段階)は線上を移動する必要があります。

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

javascript - divに複数のjquery効果を持たせることはできますか?

私はプッシュ通知を必要とする仕事のためのプロジェクトに取り組んでいます。機能は正常に機能しますが、プロジェクトリーダーは通知にUI効果を追加したいと考えています。

これを行うために、jqueryエフェクトを使用しています。

私の状況:

  • このプッシュ通知の横に吹き出しのある正方形があります。
  • それらは一緒に隠されている1divにあります。
  • 必要に応じて、divが効果とともに表示されます。

私が本当に望んでいるのは、ブロックが滑り落ちて、0.5秒または1秒後にバルーンが展開またはスライドアウトすることです。

これを1つのdivで行うことは可能ですか、それとも2つの別々のdivを作成する必要がありますか?

または、別の方法で説明すると、サイズを設定することでdivの特定の部分のみが表示されるように、divに効果を設定できますか?(ピクセル0からピクセル150までを表示します。)

前もって感謝します :)

編集:
サンプル画像 ここに画像の説明を入力してください

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

jquery - jquery/css: div の背景色に左ワイプ アニメーションを実装する方法

ここに私のcssがあります

Selectedにクラスを追加/削除するたびに#Slide、左からワイプイン/右にワイプアウトすることで background-color プロパティがアニメーション化されるようにします。通常、背景色は表示されては消えます。css クラスを使用しているときにこれができない場合、jquery.animate()関数を使用することで可能ですか? またはcss3transitionプロパティである可能性がありますか?

誰か提案があれば

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

javascript - box-shadow は Jquery Slide Down 効果に「追従」します

この小さなビデオを作成しました (バックグラウンド ノイズがある場合は無視してください)

http://www.screenr.com/Qvts

その 13 秒ですが、アニメーションが 5 秒で進行するのを見る必要があるだけです。(またはkeepyourlinks.comにアクセスして、同じボックスを表示してクリックできるようになるまで数秒待ちます)

css -アイテムには両方のクラスがあります-

そしてJavaScript(完全なスクリプトを投稿しましたが、私の意見では、関連する行のみにコメントしました.

では、この影が垂直方向のアニメーション全体を拡大するのを防ぐにはどうすればよいですか?

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

jquery - jQuery: FadeIn/FadeOut のタイミングの問題

私が管理しているサイトには、クリックするとその下のドロップリストにフェードインするこのスタイルのリンクがあり、ユーザーがジャンルを選択できるようになっています。

フェードが完全に機能しています。私が直面している問題は、ドロップダウンリストに入らずにスタイル付きリンクからホバーした場合にドロップダウンリストを非表示にできるように、ドロップダウンリストがホバーされたかどうかを判断しようとすることです。

したがって、ドロップダウンリストがフェードインし、ユーザーがドロップダウンされた要素に入らない場合、要素はフェードアウトしますが、ユーザーがドロップダウンされた要素に入ると (フェードインをトリガーするクリックされたリンクを残したまま)、ドロップしますdown は、ドロップダウン要素を離れるまで表示されたままにする必要があります。

これが私がこれまでに持っているコードです:

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

jquery - 入力フィールドでのjQueryの問題でのマウスオーバーとマウスアウト

古いコード

「#search」divの上に移動すると問題が発生し、本来のようにスライドします。問題は、スライドすると検索入力フィールドが表示され、マウスがその入力フィールドを超えると実行が開始されることですマウスアウト機能、空の機能でマウスオーバー#search入力を与えることでこれを止めましたが、マウスが入力と「#search」ダイブを離れると、アニメーションバック機能が実行されません。

これが私のスクリプトです

私は何を間違っていますか?または、誰かが解決策を持っていますか?私はjQueryを初めて使用するので、学習を始めたばかりです:)そして、過去2日間Googleとドキュメントを検索しました。おそらく私だけが盲目なので、あなたの助けが必要です:

編集: 新しいコード & JS フィドル

検索バーを別の方法で行う必要があるため、代わりにステートメントをクリックする必要があるため、コードを再度作成しました。ここでJSfiddleを見てください

http://jsfiddle.net/D7s45/2/

それが私が作りたかったjQueryです:)

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

javascript - ナビゲーション バーのリスト アイテムをループし、jQuery の fadeIn() アニメーションを使用してそれらをフェードインする

私がやりたいのは、ナビゲーションのリスト項目を繰り返し処理し、各要素を順番にフェードインすることですが、2 つの遅延オプションがあるという柔軟性があります。次のアニメーションに進む前に、前の各アニメーションが完了するのを待つオプションです。および/または各アニメーションの開始間のカスタム遅延/タイムアウト (ミリ秒) (1 つのアニメーションの終了と次のアニメーションの開始の間の遅延ではありません)。

もちろん、ネストされたコールバックを使用して、各リスト項目を具体的に呼び出すこともできますが、それはコード的にはかなり非効率的であり、各要素を 1 つずつロードするだけです。ほぼ同時に読み込みますが、少し遅れる可能性があります (私が見た Flash ベースのナビゲーションのいくつかをエミュレートするため)。そのため、カスタム遅延オプションは、1 つの開始と次の開始の間にある必要があると私が言う理由です。

価値があるのは、ナビゲーション要素が最初に非表示に$('#nav li').hide();なっていることですが、それが事実である可能性があるとすでに推測していると思います. :)

この種の効果はどのように達成されるのでしょうか?

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

jquery - この単純なJQuery画像ホバースクリプトをJavaScriptが無効になっている場合にのみCSSのみに非推奨にするためのサポートが必要

私は現在、誰かが私のサイトの製品画像にカーソルを合わせたときにスムーズなフェード効果を作成するのに役立ついくつかのCSSを伴う非常に基本的なJQueryスクリプトを持っています。ただし、Javascriptを無効にしているユーザーが、CSSのみを介して基本的な表示/非表示のホバー効果を取得できるようにすることができます。これはどのように達成できますか?
ありがとう

これが私が現在あなたにアイデアを与えるつもりであるものです:

HTML

CSS

JQuery

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

jquery - Jquery ダイアログ ウィジェットでイージングを使用する方法

jquery UI で jquery ダイアログ ウィジェットを使用して、モーダル ダイアログでフォームを表示しています。アニメーションをカスタマイズしたいのですが、効果を名前で指定する以外にオプションが表示されません。例えば:

また、ダイアログを開くときに、エフェクトのタイミングと画面の暗転 (モーダルを true に設定) が完全に一致していないことに気付きました。エフェクトが終了するまで、ダイアログは暗いオーバーレイの下に残ります。

ダイアログ オプションで効果をカスタマイズする方法はありますか? イージングプラグインを一緒に使ってみませんか?

ありがとうございました