問題タブ [jquery-effects]

理由はわかりませんが、ホバー「アウト」関数の animate() は、ホバー「イン」関数で設定するのでは0なく、値から開始するようです。16

そのため、マウスアウト時にテキストの影が突然変化し、アニメーションは表示されません

私は何を間違っていますか？

jsfiddle

わかりました、私はそれを修正しました。ステップ関数の定義か何かでjqueryのバグのようです。とにかくこれはうまくいきます：

jQueryを使用して効果の高い単純なテーブルフィルターを作成するにはどうすればよいですか？改ページは気にしません。

リスト->データベースのデータを選択します。

プラグインは使いたくないので、ショートコードを使いたいです。

例：

JQueryでアニメーション効果を使用してdivを移動してサイズを変更するにはどうすればよいですか?

つまり、div は画面の中央にあり、左側に移動し、移動が完了すると高さの %50、幅の %50 になります。途中まで）

編集：私はそれを試しました：

しかし、それは消えますか？

EDIT2: これは機能します:

しかし、それは私の正方形をより大きくします。=-30% を試してみましたが、うまくいきません。大きくなるのではなく、小さくなるにはどうすればいいですか？

バウンス効果を機能させるのに問題があります。animate（）は、アンカータグが比較的配置されている限り機能します。私はここで利用可能な私のサイトから私のcssとhtmlのすべてでjsfiddleを作りました：http： //jsfiddle.net/CRzFj/

http://jsfiddle.net/RGvjj/26/に似た結果を探してい ますが、私のcssスタイルの1つがバウンスを壊していると思います。どちらなのかわかりません。

編集実際に投稿し、jsfiddleで遊んだ直後にこれに対する答えを見つけました。スパンタグにposition：relativeとdisplay：blockを追加し、float：leftを削除する必要がありました。

ターゲット位置にある要素をスムーズに押しのけながら、スライドさせて要素の可視性を切り替える方法を探しています。

今まで、jQueryとjQuery Uiの両方のスライド効果を試しましたが、これら 2 つのブレンドが必要なようです。

jQueryのスライドは問題の要素を引き伸ばしますが、コンテナー内のように( jQuery Uiのように)スライドインおよびスライドアウトしたいと思います。残念ながら、jQuery Uiは、アニメーション中に隣接する要素を再配置しませんが、アニメーションが終了すると、隣接する要素をその場所にジャンプさせます。overflow: hidden

私が言いたいことを示すためにFiddleを作成しました。私の質問は次のとおりです。後続の要素がその場所にジャンプせずにjQuery Uiにスライドを配置し、代わりにスムーズに移動する方法はありますか?

アドバイスありがとうございました！

こんにちは、遅延/アニメーション速度を使用してjqueryでこのcss3効果を再現する方法を教えてくれる人はいますか?

JSFIDDLE

これが私のコードです

CSS 部分

つまり、サーバーから div として返されるデータ (ajax) を取得しようとしており、div を現在のインターフェイスにスライドさせようとしています。

問題: 新しい div が少し余分にスライドして適切なサイズに戻ることを除いて、すべて期待どおりに機能します。

例: 3 行の div の場合、効果は、たとえば 5 行の頭文字になり、適切な 3 行に調整するslideDown効果に似ています。slideUp

どうすればこれを処理できますか?

(注:新しいコンテンツがプッシュされたときに適切に動作するLooptでも同様の効果が見られます)

ページに複数の div がありますが、1 つの div を除いてすべて非表示になっています

メインページには、（たとえば）3つのボタン/リンクがあります。スマートフォン アプリ (メイン ページのボタン/リンクがクリックされたとき) に似たスライド効果を作成したいのですが、メイン div が画面から左にスライドし、関連する div (たとえば p1) が右からスライドします。同時にビューポートに側面を向けます。

これで、メイン div のコンテンツを置き換える (div のコンテンツをスライドさせて、p1 div のコンテンツを div にスライドさせる) か、div 全体を画面外にスライドさせて置換をスライドさせることで、これを行うことができます。 div オン)。

どちらのオプションでも、jQuery でこれを達成する方法がわかりません。

更新：まだ解決策を受け取っていないので、答えを探し続けているので、（自分で注文しただけです）：Building iPhone Apps with HTML, CSS, and JavaScript: Making App Store Apps without Objective -C または ココア. アフィリエイト リンク (Amazon) であることに注意してください (完全開示)。私はこの本を宣伝しているわけではありませんが (まだ読んでいません)、他の人の役に立つかもしれません。

更新 2: アフィリエイト リンクが自動的にアフィリエイト コードに変更されたため、stackoverflow に敬意を表します。:) いずれにせよ、この本が誰かの役に立てば幸いです。私のコピーを受け取るのが待ちきれません。

初めてjQueryを試しています。私の最初の目標は、ページ上の1つの画像を別の画像にフェードインさせることです。私は、background-imageが異なる画像ファイルに設定されているいくつかのdivでこれを行う方法を理解しました（以下のコードを参照）。ただし、いくつかのdivを使用する代わりに、既存のimgタグに対して何らかの方法でこれを実行している場合、これは私の状況ではより適切に機能します。このコードが行うことを行う方法はありますが、imgタグを使用しますか？

誰かが「VH1ポップアップビデオ」効果を再現するのを手伝ってくれることを願っています。この効果では、バブル全体が拡大縮小され、最後にイージング効果があります。

いくつかのdisplay：noneDIVがリストの各アイテムに隠されているリストがあります。

ユーザーが各リストアイテムをクリックすると、以下の最初の例のように、非表示のDIVが大きくなり、バウンスすることを期待していました。最初の例の問題は、2番目の例のように、要求されたDIV内の要素（この場合は.bubble）がオブジェクトの残りの部分と一緒にスケーリングされないことです。

これを行う
$(this).children(".bubble").show(1000, "easeOutBack");
と、バブルは簡単に成長しますが、.bubble内のサブ要素はスケーリングされません（「この要素とその子をスケーリングする」を指定する方法があるかもしれませんか？

これを行う
$(this).children(".bubble").effect("scale", {origin:['middle','bottom'], from:{width:0,height:0}, percent: 100, direction: 'horizontal' }, 1000);
と、バブルとその内容はうまくスケーリングされますが、イージング効果を追加する方法がわかりません。

それから私はこれを試しました：
$(this).children(".bubble").show('scale', { percent: 100 }, 1000, "easeOutBack" );
しかしそれでも緩和はありません。

どんな助けでも大歓迎です。