ちょっと変わったマニアな作品が集結

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

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

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

「同ページ内リンク時のロールオーバーについ」の質問画像

このQ&Aに関連する最新のQ&A

A 回答 (2件)

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



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

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

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

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


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

お礼日時:2009/04/15 15:29

正直意味が分からない



>現在Aというサイトを見ています

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

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

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

>3つBCDの項目

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

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

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

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

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

この回答への補足

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

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

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

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

**メニューBボタン
<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="B" name="Image45" id="Image45" /></a></div>

**メニューCボタン
<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="C" name="Image46" id="Image46" /></a></div>

**メニューDボタン
<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="D" name="Image46" id="Image46" /></a></div>
</div>

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

補足日時:2009/04/09 14:03
    • good
    • 0
この回答へのお礼

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

お礼日時:2009/04/09 14:38

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング