問題タブ [lavalamp]

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

javascript - jQuery 溶岩ランプ ホバー (CSS)

溶岩ランプのナビゲーションは基本的に機能していますが、小さな問題があります。

このLavaLamp メニュー プラグインを使用しており、ナビゲーションを次のようにしようとしています。

ここに画像の説明を入力

私が抱えている問題を除いて、溶岩ランプの画像が上にないときはリンクを1色(黒)にし、上にあるときは白にする必要があります。ホバーはそのために正常に機能しますが、問題はクラス電流に付属しています (溶岩ランプのホバー効果はデフォルトでクラス電流にあります)。

クラス最新のリンクを白に設定すると、別のナビゲーション リンクにカーソルを合わせても、リンクは白のままです。

簡単な JavaScript でこれを修正できると思いますが、私はそれほど知識がなく、誰かが私と解決策を共有できれば幸いです。

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

jquery - jQuery水平リストスライダー-LavaLamp

HitmoのWebサイトから「Budget」スライダーを再作成しようとしています:http: //hitmo-studio.com/contact.html#budget-panel-container

しかし、Hitmoスライダーほどスムーズに実行することはできません:http: //jsfiddle.net/XNBMr/1/

必要なもの:

  • よりスムーズなアニメーション
  • タグの「現在」のテキストの色を白(テキストシャドウなし)のaddClassに変更しますか?
  • 「予算を選択」は選択できないはずです
  • オプションがクリックされたときに「青いボックス」が移動できるようにします(ホバーしている間は移動しません)
  • 青いボックスから離れてホバリングしてから戻ると、下のホバースタイルが点滅します。

これについての支援をいただければ幸いです。とても近いと思いますが、もっと合理化されたアプローチが必要だと思います。これをできるだけシンプルにしたいと思います。ありがとう!

0 投票する
0 に答える
419 参照

jquery - bx スライダー DestroyShow は jquery lavaLamp と競合します

BX Slider が LavaLamp と競合して問題が発生しています。

これが私がいるところです。

まず、lavalamp メニューを設定しました。

私はWordpressにいるので、「current-menu-item」クラスを持つメニュー項目に「current」クラスを追加する行を追加しました。

これはすべて完璧に機能します...

ただし、3 つ以上のスライドがある場合にのみスライドショーを動作させたいので、コードを追加しました。

私は少し突っついてきました.ラインを取り出すと、すべてが再び正常に機能します.なぜこれが起こっているのか、同じ効果を達成するためslider.destroyShow()に使用する方法を誰かが考えることができますか? コマンドが実行されると、Lavalamp プラグイン内の何かが破壊されるとdestroyShow想定しています。destroyShow

助けてくれてありがとう。

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

jquery - Wordpressを使用して溶岩ランプのドロップダウンメニューを動的にする際の問題

多くの作業と、コードの検索と結合を行った後、ようやく溶岩ランプのドロップダウン メニュー ナビゲーションが機能するようになりました (こちらを参照してください: http://lookseewatch.com/overflowexample/menu.html )。偉大な。

ここに問題があります。私は一生、Wordpress メニュー (wp_nav_menu) で動作させることができません。現在のハード コードと同じマークアップを生成する wp_nav_menu を取得できませんでした。<div id="box"><div class="head"></div></div>また、この" " の INSIDEも必要です<ul class="nav">.。wp_nav_menu では、含まれている ul クラスなどが生成されるため、これを行うことはできません。

そのため、さまざまなことを数時間試した後、取得できません。http://lookseewatch.com/independentinsurance/にアクセスすると、約 300 ピクセルの 2 つのナビゲーション スペースが表示されます。1 つ目はハードコーディングされたバージョンで、2 つ目は wp_nav_menu によって生成されます。2 番目のナビゲーションで動作するように CSS を変更したので、上部が少しおかしくなっていますが、「マジック ライン」がナビゲーションの両方のバージョンに従っていることに気付くでしょう。これは興味深いと思いました。動的バージョンより下に取得する方法がわかりません。2 番目の問題は、2 番目のナビゲーションで「保険サービス」にカーソルを合わせると問題なく、「商業保険」にカーソルを合わせると 3 つの新しいドロップダウンが表示され、これらのオプションのいずれかにカーソルを合わせるかクリックすると、すぐに消えます。

これが私のnavigation.jsのコードです

問題は、私がどのように第 2 レベルまたは第 3 レベルをターゲットにしているのかという点にあると思います。

とにかく、私は助けに感謝します。私はこれを回避する必要があるので、何か提案があれば遠慮なく言ってください。また、コード スニペットを提供する必要がある場合は、喜んで提供します。このナビゲーションを解決するためのもの。

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

drop-down-menu - ブラウザのサイズを変更すると、JQuery Lava Lamp ドロップダウンがスライドショーで覆われ、位置が正しく変更されない

したがって、このナビゲーションで他の多くの問題を解決した後。最後に 2 つの小さな問題があります。

修正がより重要な 1 つ目は、ドロップダウンが落ちると、グリッドの一部である含まれている div によって切り取られることです。代わりに、このグリッドの外側と下のスライドショーの上に「浮かぶ」必要があります。これを行う方法がわからない。問題を参照してください http://lookseewatch.com/independentinsurance/

高さがない場合、または高さが自動に設定されている場合、ドロップダウンは表示されません。

これがコードスニペットです

2 つ目の問題は、ホバーした場所に続く青いバーです。原点は絶対位置

そのため、Web ページが読み込まれると問題なく動作しますが、ウィンドウのサイズを変更すると、「マジック ライン」はナビゲーションと共に移動するのではなく、同じ場所にとどまります。他のリンクにカーソルを合わせると正しい場所に移動しますが、元の場所に戻ると、ブラウザのサイズがどれだけ変化したかによって完全にずれています。上記のリンクで問題を確認し、ブラウザの隅を引っ張ってください。

いずれかの CSS を投稿する必要がある場合はお知らせください。

ありがとう!

0 投票する
0 に答える
117 参照

jquery - 溶岩スタイルのメニュー-ついに付属のliはありません

溶岩メニュースタイルのメニューを作成する必要がありますが、nettuts +に表示されるブロブの代わりに、カーソルが<li>要素の上にあるときに水平方向に移動する(アニメーション化される)カスタムポインターを取得しようとしています。

<li>リストの最後にあるポインターを取得できません。

また、単一のページのみを使用し、異なるページに別々のページを用意する代わりに、Jquery ajaxを使用してコンテンツを動的に変更した場合でも、ポインターは機能します<li>か?

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

jquery - jqueryホバーセレクター - 別の方法

次のようなメニューのセットがあります。

これにラバランプ効果を加えます。メニューにカーソルを合わせると、lavalamp の背景がホバーされたメニューに移動し、メニューがホバーされていない場合は現在のメニューに戻ります。

問題は、サブメニューにカーソルを合わせると、メニューにカーソルを合わせていないと見なされるため、ラバランプの背景が現在のメニュー項目に戻ることです。これを防ぐために、次のように jquery.lavalamp.js にホバー セレクターを追加します。

一方、 move(this) は、溶岩ランプの背景をホバーしたメニューに移動する関数です。IE を除くすべてのブラウザで問題なく動作します。lavalamp の背景が動かず、"unsupported pseudo:hover" という JavaScript エラーが発生します。jquery サイトで検索しましたが、:hover というセレクターがありません。

上記の :hover セレクターを置き換える他の方法はありますか? どんな助けでも大歓迎です。

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

jquery - jQuery LavaLamp メニューの選択

jQuery LavaLamp をご存知の方も多いと思います: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

選択されているオプションを手動で選択したい場合は、li タグの class="current" を作成できることはわかっていますが、アドレスバーに表示されているパラメーターに応じて、選択されているメニュー項目を選択できる方法です(つまり、index.html#page-1、#page-2、#page-3...)。

私を助けてくれる人に感謝します!

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

javascript - Jquery の競合、あるスクリプトが別のスクリプトでは機能しない

メニュー用のjqueryスクリプトとギャラリー用のその他のスクリプトがありますが、両方を有効にするにはどうすればよいですか? 以下は私のコードです

また、li 要素にいくつかの拡張ボックスの問題があります。この説明は次のとおりです。

固定幅または高さのボックスに収まらないコンテンツがあると、コンテンツがオーバーフローするのではなく、コンテンツに合わせてボックスが拡張されます。

影響: Internet Explorer 6.0 可能性: 可能性あり

また、ダブル フロート マージンのバグ エラー:

フロートの方向と同じ側のフロート ボックスにマージンを適用すると、マージンが 2 倍になります。このバグは、1 つ以上のフロートの列の最初のフロートにのみ影響します。

影響: Internet Explorer 6.0 可能性: 非常に可能性あり

非常に緊急です、助けてください!

メニューバーのスクリプト

ギャラリー用スクリプト

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

jquery - 溶岩ランプ メニューの URL が機能しない

溶岩ランプのスクリプトに問題があります。一般的に言えば、URL が機能していません。それらはhtmlでは問題ないように見えるので、ページ内のすべてをロックするjQueryコードであるに違いないと思います。よろしければご覧いただき、何が問題なのか教えていただけないでしょうか。この問題は私を怒らせます。ありがとう。ここにHTMLコード-私には問題ないようです:

次に、ソース内の .js ファイルへのリンクを含む実際のページ: 実際のページへのリンク -ソース コードとjquery.lavalamp.min.jsを参照してください - これは問題のあるコードである可能性があります