離れた場所のロールオーバーのやり方について

質問

前任者がホームページビルダーで作成したページを、自分が更新作業をしやすいようにタグ打ちをして修正しています。
ビルダーで、ボタンにマウスを置くと、ボタンが変化する（ロールオーバー）のと同時に、少し離れた場所でも絵の変化が起こるロールオーバーがあり、前任者はその手法を使っていました。
ビルダーでタグを確認すると、 JavaScriptが使われていました。
私は、一応ビルダーは使いこなせ、HTMLとCSSの知識もあります。しかし、JavaScriptがわかりません。
HTMLで記述する方法があれば、教えてください。（わかりやすい解説のページがあればなおうれしいです。）
もしなければ、まったくの初心者でも理解できるJavaScriptでのやり方、ページなどを紹介してください。
よろしくお願いします。

回答No.5

o-ran · ベストアンサー

離れた所のロールオーバー、キーワード「リモートロールオーバー」。

今見てみたら、ｃｓｓだけで実現されてます。説明は、ｃｓｓが理解できないとです。プロパテティ自体は難しくないです、組み合わせの妙ですね。
http://www.k5.dion.ne.jp/~i-araki/css/onmouse.html

お礼

ありがとうございます。
「リモートロールオーバー」っていうんですね。この名前で私もちょっと探してみようと思います。
たしかに、組み合わせの妙ですね。参考になりました。

回答No.4

Oh-Orange

★『JavaScript』のアドバイス
・本を１冊紹介します。
・『JavaScript ポケットリファレンス』です。
・『技術評論社』で『2380円＋税』で 639 ページです。
・最後に『イヌでもわかるJavaScript講座』のアドレスを教えます。
・下の『参考URL』をどうぞ。→私も利用しています。

参考URL：

http://www.red.oit-net.jp/tatsuya/java/index.htm

お礼

ありがとうございます。
「イヌでもわかる～」はかなりボリュームありますね。
本を読んで、ＨＰもゆっくり見ていこうと思います。

回答No.3

神崎 渉瑠（@taloo）

連続で済みません。

> 離れた場所のロールオーバー
離れた場所のは:hoverはできないですね。すみません。
JavaScriptを使わないと行けませんから、ホームページビルダーの機能でできるはずです。

回答No.2

神崎 渉瑠（@taloo）

> HTMLで記述する方法があれば、教えてください。
書き直すつもりなら、
前任の方が作られたスクリプトを全部消して、ホームページビルダーで作り直すというのはダメなんでしょうか？
ホームページビルダーがわかるなら、ホームページビルダーの自動生成に任せればいいと思います。

> HTMLとCSSの知識もあります。
HTMLではできません。
スタイルシートなら:hoverを利用出来ます。

お礼

ありがとうございます。
ビルダーは無駄なタグがあったり、大文字と小文字が混ざっていたりして見づらいので自分で打っていきたいなぁと思った次第です。

回答No.1

quads

▼ マウスを置くと
これに関する操作を行なうメソッドは JavaScript のイベントハンドラ onmouseover がありますが、
現在の CSS にも :hover 疑似クラス があります。
しかしながら、:hover 疑似クラスでは、hover した要素自身のスタイルシートしか操作することができません。

（onmouseoverが有効な）任意の要素に対して、
<element onmouseover="function()">
のような形で onmouseover 時に定義した関数を実行してください。

求められているサンプル等については回答は控えさせていただきます。

お礼

ありがとうございます。
関数か・・・
ちょっと難しいみたいです。