問題タブ [lavalamp]

私はこれらのjquery lavalampメニューのいくつかを使用しています http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/?cp=16

垂直の緩和されたスクロールを使用する 1 つのページ。したがって、次のアンカーにスクロールするたびに、クラス「現在」の「li」の別の初期ステータスを持つ新しいラバランプメニューがあります。

たとえば、最初の div-box #content1 には次の内容が含まれます。

そして、同じページの div #content 2 に

この方法は、リンクごとに時系列でクリックすると正常に機能します。しかし、前後にクリックすると、「li」クラス「current」によって最初に設定された溶岩ランプメニューのホバーステータスが台無しになります。

例: メニュー 1 のリンク #content2 をクリックすると、ターゲット メニュー 2 のホバー ステータスは問題ありませんが、2 番目のメニューをクリックして #content1 に戻ると、lavalamp メニュー 1 のホバー背景が 2 番目のリンクに表示されます。最初の - 他の css スタイル (太字テキストなど) は、「現在」に設定されている右側のリンクにまだあります。間違った場所に浮かぶのは「溶岩」のかけらです。

私が説明しようとしていることが理解できることを願っています。1ページに複数のメニューがあるこの競合を回避する方法を知っている人はいますか?

ありがとうございました！

水平メニューに LavaLamp スクリプトを使用しています

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

アクティブまたはホバーされたリンクが灰色になりました。ホバー (またはクリック) メニュー項目の色を次のように変更したい:

http://screencast.com/t/WU02S3jF

HTML:

Javascript:

私は溶岩ランプのナビゲーションで奇妙な問題を経験しています。これは、JeffreyWayのLavaランプチュートリアルの後に適応されています。溶岩ランプのコードは下部にあります。問題は主にFirefox（私はFF6を使用しています）で発生しますが、ChromeとSafari（IE9ではない）でも発生することがあります。メニュー項目の上のオレンジ色の線が長すぎて、ページが読み込まれるときに右側に多すぎることがあります。アイテムにカーソルを合わせると、アイテムはその上に中央に配置され、最初から必要なようにそこにとどまります。なぜそれが起こるのか考えはありますか？position（）。leftとouterWidth（）で何か奇妙なことがありますか？フィードバックは非常に高く評価されています！

私はここにあるサイトに取り組んでいます: http://temminktrainingcoaching.nl/beta/

lavalamp メニューがあり、リンクをクリックすると、index.php (ロゴとメニューを除くすべてのコンテンツ) に php ファイルを含めてページが読み込まれます。

構造は多かれ少なかれ次のとおりです。

問題: メニューのリンクをクリックして新しい php ページをロードすると、lavalamp スライダーが元の位置に戻りますが、クリックしたリンクにとどまります。

私はjqueryが初めてなので、試してみるだけです。しかし、これを修正する最も簡単な方法は、lavalampスライダーを正しいリンクに設定する各個別のphpファイルにjavascriptを追加することだと思いました。

詳細：私はこのラバランプを使用しています：http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

div 要素内に大量の画像があるため、取得できない画像に素敵な溶岩ランプ効果を与える必要があり、以下のサイトの例に従いました。

http://nixbox.com/projects/jquery-lavalamp/demos

誰でも私を助けることができますか？

これが私のコードです：

これは、溶岩効果の CSS コードです。

これはスクリプトです：

LavaLampメニュースタイルを自分のサイトに実装したいと思います。効果は正常に機能しますが（これまでのところChromeでテスト済み）、リンクのある要素をクリックしてもどこにも行きません。これはスクリプトです：

アクティブ： "a.default"、ヘッダー： "a.lavaLamp-label"を追加しようとしましたが、リンクは機能しますが、効果がなくなります。$（'a'）。attr（ "target"）を追加して、同じ結果を得てみました。何か案は？これが私が試しているページです：http：//pasionesargentas.webatu.com/test4.php ？id = 4 ありがとう！

jQuery を使用して溶岩ランプ メニューを実装しました。ホバー ボックス内のテキストの色を変更できるかどうかを知りたいです。
たとえば
、以下はデフォルトのランプメニューで、ホバーボックスが「ホーム」にあり、ホバーボックス内のテキストのフォントの色が赤で、他のすべてのテキストの色が黒です

以下は「Community」上でホバーボックスが動いている画像です。ホバー ボックス内のテキストの色が赤に変更され、他のすべてのテキストの色が黒になっていることに注意してください。

以下はhtmlスニペットです：

前もって感謝します。

jQuery MagicLine Navigation (http://css-tricks.com/jquery-magicline-navigation/) でこの問題を解決するために誰かが私を助けてくれるかどうか疑問に思っていました

ページが読み込まれると、li id="magic-line" は常に「ホーム」リンクよりも 10 px 大きくなるように見えます。ホームリンクにカーソルを合わせると、線のサイズが縮小されます。

ナビゲーションはhttp://www.jonasbabrauskas.com/jncustomsにあります

html では、マウスを上に置くと、幅 77px から幅 58px に移動するようです。マウスがホバーされていないときに正しいサイズにする方法について、誰かが解決策を持っていますか? 他のすべてのリンクは完全に正常に機能しているようです。LavaLamp プラグインも使用してみましたが、同じ問題がありました。ナビゲーションに使用した @font-face が原因かどうかはわかりません。

ここに私のコードがあります。ありがとうございました。

jQuery

HTML

CSS

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/で見つけたメニュー アニメーション用の小さなプラグインを使用しようとしています。

ただし、最新バージョンのjQueryで使用したいです。ただし、アニメーションは最新バージョンでは機能しません。以下がjQuery 1.5以下で機能するのに、それ以上のバージョンで機能する理由を誰か教えてください。