同ページ内リンク時のロールオーバーについて

質問

HTMLを勉強しているものです。相談できる人がいないのでぜひアドバイスをお願いします。

例えば、現在Ａというサイトを見ています。そのＡサイト部分のボタンはすでにロールオーバーで色が変わっています。Ａサイト内には、３つＢＣＤの項目がありそれぞれをクリックするとＡサイト内で各項目の最初に飛ぶように設定しています。
しかし、Ａサイトにはすでにロールオーバーでボタンの色が変わっています。
ＢＣＤの項目に飛ばした場合、それぞれのボタンにロールオーバーで色を変えることは可能でしょうか？

言葉で伝えるのは難しくて理解できないかもしれませんが、よろしくお願いいたします。

回答No.2

tkmojo · ベストアンサー

やってみていないので何とも言えませんが、javascriptで出来ると思います。

htmlの置き換えを使って
ページのurlがこれのとき、ここのhtmlの記述をこう書き換える、という風にすれば出来ると思います。
私は自分でjavascriptを書くのは長けていないので、
私ならjQueryというjavascriptのライブラリを使います。

しかし、技術的には可能だとしても結局は同じページですので
少しスクロールすればページ内の場所は変わります。
例えばBの場所に飛んだとして（メニューBの色が変わる）、
そのままボタンを押さずにCやDの位置にスクロールして行っても
メニューの色が変わっているのはBのままです。

「このページですよ！」という画像やテキストの表現は有りだと思いますが、
「この場所ですよ！」という表現はユーザビリティ的に見てもわかりづらいと思うので私ならしません。

お礼

回答ありがとうございます。そしてお礼が遅くなり申し訳ありませんでした。

色々あいまいなところがなんとなくわかったように思います。基本的には私がやろうとしていることは良くないですね。
今回のことをふまえてもう一度、他の方法など考えてみようと思います。
ありがとうございました。

回答No.1

yambejp

正直意味が分からない

＞現在Ａというサイトを見ています

これは自分でつくったサイトではなく他人のページという意味？
であればブラウザ側の設定ではなんとも対応できないかと。

＞Ａサイト部分のボタンはすでにロールオーバーで色が変わっています

ボタンの色がかわるとは？ボタンは画像ですよね？画像が入れ替わって
いるのか、それとも何らかのタグの背景色がかわっているかによって
違うと思います。

＞３つＢＣＤの項目

メニューがあってページ内リンクになっている？

＞それぞれのボタンにロールオーバーで色を変える

クリックしてロールオーバー？普通はオンマウスアクションですが・・

実現方法としてはcssのみでの対応は難しそうですが、javascript
でよいのでしょうか？

もう少し具体的なソースと挙動の説明がない限りなんとでもとれる
文章なので、回答のしようがないかと

お礼

補足です。
上の質問のところに簡単に画像を付けてみました。（見にくくてすみません。）xxx.htmlの通常のサイトは一番左の状態になっています。
メニューＢをクリックしたときに、真ん中の画像のようにしたいのですが、右側の画像の状態になってしまいます。
少しはイメージできましたでしょうか？？

補足

回答ありがとうございます。本当、説明不足すぎてて申し訳ありませんでした。

現在dreamweaverにて作成中です。
メニューのボタンの色はDreamweaverのロールオーバーイメージにて設定しました。

サイドナビのコードはこんな感じです。
indexでメニューＡをクリックするとxxx.htmlのサイトに変わり、メニューＡボタンにはあらかじめ色がついています。
縦長のサイトなのでメニューＢ・Ｃ・Ｄのボタンをクリックしたときにアンカー設定をしているのでそれぞれの所から表示することはできたのですが、メニューの色が変わらずに困っています。

<div id="sidenavi">
**メニューＡボタン
<div><a href="xxx.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image44','','images/ovbtn-A.gif',1)"><img src="images/ovbtn-A.gif" alt="Ａ" name="Image44" id="Image44" /></a></div>

**メニューＢボタン
<div><a href="xxx.html#bb" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image45','','images/ovbtn-B.gif',1)"><img src="images/wbtn-B.gif" alt="Ｂ" name="Image45" id="Image45" /></a></div>

**メニューＣボタン
<div><a href="xxx.html#cc" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image46','','images/ovbtn-C.gif',1)"><img src="images/wbtn-C.gif" alt="Ｃ" name="Image46" id="Image46" /></a></div>

**メニューＤボタン
<div><a href="xxx.html#dd" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image46','','images/ovbtn-D.gif',1)"><img src="images/wbtn-D.gif" alt="Ｄ" name="Image46" id="Image46" /></a></div>
</div>

このように設定してあります。
そしてそれぞれのメニューをクリックしたときに合せてボタンに色を付けたいのですが可能でしょうか？