問題タブ [onhover]

Javascriptを使用して、オンホバーで画像を変更しようとしています。サムネイル画像があり、ユーザーが上にカーソルを合わせると、カーソルを合わせたサムネイルに応じて全体像が変化します。

これは私が使用したHTMLです。

これは、ヘッダーに配置されたJavaスクリプトです。

ユーザーが画像をクリックしたときにライトボックスに Google マップを表示する方法を知りたいです。

例えば：-

これを行う方法を本当に知りたいです。どんな助けでも大歓迎です！ありがとうございました。

サムネイル画像にカーソルを合わせたときにテキストを表示するにはどうすればよいですか？チュートリアルをいくつか見つけましたが、以下のようなリスト構造で機能する必要があります。できれば、追加のliまたはキャプションとして。

参考サイトはこちら：http：//owenmyers.co.uk/TESTING/

私は地図のあるサイトを持っていますが、地図にはさまざまな地域があり、それらを移動してクリックすることができます。地域にカーソルを合わせるかクリックすると、ページにdivが表示され、コンテンツが表示されます。私は使ってみましたoverflow:hidden;が、それはうまくいかなかったようです。使用する正しいコードは何ですか、それとも可能ですか？

このサイトは理解を深めるためにここにあります：http： //iseeit.no/maptest/

すでにコンテンツが含まれている2つのdivがあり、デフォルトではこれらを非表示にする必要があります。サイトにアクセスしてリージョンをクリックすると、両方ではなく、リージョンに対応するdivが表示されます。divを分割します。 tehyが重ならないように互いに離してください。

このサイトは、jquery、css、およびhtmlで構成されています。

div（css）：

Jquery（これが役立つ場合）：

私がここで尋ねようとしていることを理解していただければ幸いです:)

更新1

HTMLのリージョン：

CSSのリージョン：

次のコードを使用して、ナビゲーション リンクのフォントの色をホバー/オフ ホバーでアニメーション化しようとしています。境界線の下の色は正しく変更されますが、フォントの色は変更されません。また、別の色の current-menu-item CSS ルールを破棄しています。フォントの色が黄色であるべき current-menu-item でない限り、マウスをホバーするとフォントの色が青色になり、ホバーをオフにするとオフホワイトに戻ることが望ましい動作です。私はこれについての初心者なので、私のスタイルの欠如を許してください。色をサポートするために jQuery UI ファイルを含めました。どんな助けでも大歓迎です。完全な例はここで見ることができますhttp://www.buenolisto.com/alma

JS

cssをもっと早く発生させる方法があるかどうか疑問に思っていました:onhover（つまり、リンクから10ピクセル離れており、:onhoverまだ10ピクセル離れている間に電話をかけます）。

編集：:onhoverスクロールバーの距離を変更する方法を見つけようとしています。

編集2：コードは次のとおりです。

ホバー時に div が別の div に置き換えられる関数を実装しました。問題は、マウスアウトで再び消えてほしいということです。しかし、他のdivが表示されると、カーソルが新しいdixの上に置かれているため、マウスアウト機能が明らかに作動します...

HTML

CSS

Jquery Scroll Up スクリプトを編集していましたが、完璧に機能していましたが、ホバー時に画像を変更しようとしたときにエラーが見つかりました。これは私のブログです

そして私のスクロールスクリプトのこの問題のある部分

このイメージを変えたい

http://2.bp.blogspot.com/-onAd5CVV5QM/UBzbWeBr88I/AAAAAAAAACI/TPBsgVOiEzg/s1600/arrowhover.png

この画像で

http://2.bp.blogspot.com/-onAd5CVV5QM/UBzbWeBr88I/AAAAAAAAACI/TPBsgVOiEzg/s1600/arrow.png

ホバー時のみ、

注: HTML と Jquery でマウスオーバー時に画像を変更する方法はよく知っていますが、この場合はうまくいきませんでした。スクリプト タグで HTML を制御しているためだと思います。または、Jqueryでスクロールアップするための他のより良いスクリプトがあれば?? もしお持ちでしたらお譲りください... :)

このスクリプトを使用して、ホバー時に画像を変更していますが、機能していますが、ここでは機能しません!!

これは私のスクロール アップ スクリプト全体です。

おそらく簡単な解決策ですが、私は問題を抱えています。サイトのメインナビゲーションのホバー状態は、大きなブロックになりたいと思っています。現在、現在のリンク上にホバーセレクターのみが表示されます。どちらのサイトにもパディングを入れてほしい。

設計例-> http://www.garyrevell.co.uk/student-i/screenshot_01.jpg

これは現在のWIPサイトです。http://www.garyrevell.co.uk/student-i/index.html

NAV css

どんな助けでも素晴らしいでしょう。どうもありがとう

最初は停止しましたが、ホバーで再生を開始し、マウスアウトすると停止する以下のgifを作成したいと思います...誰か助けてくれますか??