問題タブ [jquery-easing]

メニューバーがあり、そのメニューliはマウスホバーで下に伸びます。divこのメニューバーdivの下を横に押します。しかし、私はそれらのストレッチダウンliを横に押さずに、言及されたdivの上に表示したいと思います。

ここで私が伝えようとしていることを見ることができます。

誰かが解決策を手に入れましたか？

私はメニューのイージングで遊んでいるので、めまいがします。メニューがあり、それをクリックすると、関連するコンテンツが表示されやすくなります。要素を簡単に表示するのではなく、表示するためにどの検索用語を使用すればよいかわかりません。-1000pxから0pxにアニメートする代わりに、ある場所から別の場所に直接移動します。

これが私がCODROPSから使用しているコードで
、ページが見やすくならないように変更または置換しようとしています。

最後に顧客用のスクロール メニューを取得し、show() hide() の状況にしたいと考えています。レゴのように使用する以外のことを行うには、jquery をまだ十分に理解していません。

私の最初の考えは、「これは簡単だろう」ということでした。アニメーションを表示または非表示に変更するだけです。だから私は試しました：

誰でも簡単な指針がありますか？これは元のコードです：

私の jQuery 関数によって生成されたアニメーションは不安定で、jquery.easing を追加するなど、さまざまな SO ソリューションを調べてきましたが、うまくいきませんでした。問題は各 div の iframe ですか?

アニメーションを滑らかにする方法についてのアイデアはありますか? 私の基本的なトグル機能は最良の方法ですか?

JSFiddle: http://jsfiddle.net/gwLcD/8/

基本的なマークアップは以下のとおりで、ページ上で何度も繰り返されます (各 "videotoggle" div の間にテキストのブロックがあります)。

そして機能：

少し問題があり、それを解決しようとするのにうんざりしています。jQuery イージング コードは jsfiddle では完全に機能しますが、localhost のテスト サーバーでは機能しなくなりました。jQuery イージング効果を削除すると、正常に戻り、コードは正常に動作します...

コードに何か問題があるのだろうか？それはOnLoad機能の関係か何かでしょうか...!!

JSFiddle コードは次のとおりです。

これを経験したことがあるかどうか、およびそれらが存在する場合は回避策を採用したかどうかを知りたいと思います。

フォントサイズで通常アニメーションを使用すると、完全に機能します。ただし、アニメーション関数と一緒にイージング方程式を使用すると、次のエラーメッセージが表示されます。

エラー：f.easing [e.animatedProperties [this.prop]]は関数ではありませんソースファイル：https ：//192.168.1.218/jquery.js行：18

以下は私が使用したjsコードです：

オブジェクトに対して 2 つのアニメーションを同時に実行する必要があります。
さまざまな理由から、縦方向のアニメーションには jQuery を使用し、横方向のアニメーションには CSS3 を使用したいと考えています。

jQuery 側では、swingイージングがうまく機能します。

このイージング機能をCSS3トランジションで表現する方法を探しています。

不可能な場合は、jQuery と CSS3の両方で 使用でき、最も似 て いるイージング関数 (ベジエ曲線など) を探しています。必要なプラグインへのリンクを含めてください。swing

だから私はクライアントのためのプロジェクトに取り組んでいて、彼らはイメージを持っています. 彼らは、画像がページ上の特定の位置に斜めに移動することを望んでいます。IE7/8 では、画像がギザギザになり、アンチエイリアスがかかりません。jQuery Easing プラグインで不足しているものはありますか? それともこれは単なる「IEのもの」ですか？

マウスが画像の上にあるとき、スパンコンテンツは2秒後に下にスライドします。また、カーソルを画像の外に移動すると、2秒後にスパンコンテンツが上にスライドします。これは問題なく機能します。

誰かがそのスパン上にマウスを移動した場合にもスパンを表示したいのですが、そこから問題が始まります...

私が十分に明確であったかどうかはわかりませんが、コードは言葉以上のものを教えてくれると思います:)

リンク： http： //jsfiddle.net/zDd5T/3/

HTML：

CSS：

JavaScript：

前もって感謝します！

クリック時に各 div がフェードインまたはフェードアウトするように機能するフィルター アクションがあります。ただし、div がフェードアウトまたはフェードインするときは、ジャンプするのではなく、所定の位置にスライドするのを見たいと思います。

http://theoaks.turnpostadmin.com/floor-plans/

jquery.easing などのようにこれを実現するには、これに何を追加できますか

ここに私がこれまでに持っているものがあります

ありがとう

ジェイミー