問題タブ [jquery-animate]

オブジェクトの背景を緑色に点滅させてから、既存の色にフェードアウトする、一般的な「色の確認のフラッシュ」機能を作成しようとしています。

したがって、click() でこれを呼び出す 2 つの要素がある場合があります。

最初のものをクリックすると、緑から赤にフェードアウトします。最初のものをクリックすると、緑から黒にフェードアウトします。

jQuery ロジック:

クリックイベント:

関数：

これはうまくいきます。キャッチ：

上記の LI にも :hover 状態の背景色を指定すると、次のようになります。

その後、すべてのフェードが緑から紫に変わります。LI をクリックした時点では、背景は確かに紫色であるため、これは理にかなっています。

「非ホバー」CSS クラスの背景色を取得する賢い方法はありますか?

言い換えれば、疑似クラスではなく、LI の現在のクラスに割り当てられている背景色を取得したいということです。

または、ホバーをCSSではなく実装するソリューションですが、jQueryでも実装できますか?

jQueryアニメーションの問題が発生しています...

その上に非表示のdivが付いたフッターがあります。誰かがヘッダーの近くのボタンをクリックすると、divはUPをアニメーション化する必要があります。引き出しからマニラフォルダーを引き出しているように、上にスライドするようなものです。（divの下部が上部にスライドする通常のスライドアップではありません。）

私が欲しいものの一種であるこのコードを見つけました、しかし、それはベースライン（フッター）を動かしています。

赤いdivボックスにマウスを合わせると、その下のdivが押し下げられていることがわかります。どうすればそれをただアニメートまたは成長させることができますか？（彼-彼。ごめんなさい。お母さんが私に怒鳴っていると思っただけです）。

jQueryを使用して、基本的な「ツールチップ」アニメーションを作成しています。これにより、ツールチップが小さなアニメーションで表示され、フェードインして垂直方向に移動します。

これまでのところ私はこれを持っています：

そのようにまたはこのようにそれを行う：

アニメーションは一度に1つずつ実行され、最初にフェードインしてから垂直方向のアニメーションになります。両方を同時に実行する方法はありますか？

「一番上に移動する」ことを目的として、ページ全体にいくつかのリンクがあります。これは、素敵なアニメーションでページを一番上までスクロールすることで実現されます。たとえば、ページがスクロールしているときに、ユーザーが下にスクロールしたい場合があることに気づきましたが、これは不可能です。画面は途切れますが、上部に到達するまでアニメーションを続けます。

ユーザーがスクロールしようとした場合にアニメーションを停止したいので、次のコードを記述しました。

このコードは問題があります。animate（）はスクロールとしてカウントされるため、停止する前にほんの少しだけ移動します。

オプションとしてキーダウンも試しましたが、マウスのスクロールがキーとして登録されません。

animate（）ではなく、ユーザーがスクロールしたときにスクロール関数を呼び出す方法はありますか？

これは、stackoverflow に関する私の最初の投稿です。皆さん、こんにちは!

jQuery アニメーションへの私の最初の試みは、上半分と下半分の 2 つの div に一連の画像を配置し、それらをフリップダウン トランジションで回転させることでした。

アニメーションを停止しましたが、ページ上で複数のアニメーションが同時に表示されることが問題です。私の問題は、jQuery セレクターの範囲を理解していないことが原因です。

これが私が説明した一連の画像で実行されると、

期待どおりに動作します。ただし、「フリッパー」divを複製すると、アニメーションは最初のセットで最初に実行され、次に2番目のセットで実行されます。

私はそれが起こったときにアニメーション化する各画像を選択する方法と関係があることを知っていますが、私がしていることを他にどのように行うかは本当にわかりません.

最終的な目標は、適切なクラスでマークアップされた div と画像をまとめて、アニメーションを実行するために動的に ID を設定できるようにすることです。各divの個別の呼び出し（すべてが同時に反転しないように発生する可能性があります）。

ありがとう！

選択ボックスのオプションをクリックすると実行される次のjQueryコードがあります。

このコードは 、 、 の 3 つの入力フィールドを受け取り、#nameそれら#accountを#kid無効にして、背景色を変更し、背景色を白にフェードします。色をフェードできる jQuery Color プラグインを使用しています。

問題は、サイトが新たに読み込まれ、選択の選択オプションを変更すると、3 つのフィールドすべてが無効になり、背景色が変更されますが、最初の要素#nameが背景色を白にフェードしないことです。以下の2つだけです。

しかし、選択ボックスのオプションを再度変更しようとすると、毎回完全に機能します! そのため、問題はページのリロード後に初めて発生します。他の誰かが以前に同じことを経験しましたか?

全体のjQueryは次のとおりです。

#receiverセレクトボックスです。

リスト項目内で (overflow: hidden によって) 部分的に非表示になっている画像をアニメーション化しようとしています。ユーザーが同じリスト項目内の A タグにカーソルを合わせたときに、これが発生するようにします。

次のマークアップがあります。

私の基本的なCSS：

画像を移動するためにjQueryで次のことを試みています(無駄に):

これが機能しない理由は誰にもわかります！-どんな助けでも大歓迎です:-)

Jquery newbie here =）ですから、メニューdivを右にスライドさせるコードがあります。問題は、これらのdivのいずれかを最初にクリックした後もメニューがアニメーションを実行し続けたくないということです。falseを返そうとしましたが、役に立ちませんでした。コードは次のとおりです。

だから私はマウスホバーで背景を変更するロゴを持っています.5つの異なる背景をマウスホバーに表示し、ランダム化せず、5番目のマウスホバーが完了すると最初の背景に戻そうとしています. どうすればこれを達成できますか?

これがjqueryスクリプトです

そしてCSS

編集：

Scott M. のアドバイスに従い、次のコードを取得しました。

それはおそらく何かが欠けている...

しかし、問題は、他の div (logo1、logo2、logo3、および logo4) をそれぞれの画像に追加し、マウスホバーがオンになるまで非表示にする方法がわからないことです。最善の方法は何ですか? 表示：なし？