クリックして、タイトルの色を変えたいのですが。

質問

クリックして、タイトルの色を変えたいのですが。

現在、ホームページを立ち上げるべく、パソコンのメモ帳に色々と入力しているんですが、以下の動作の記述方法がわかりません。

abcdefg（←タイトル）

1（←メニューのリンク）
2（←メニューのリンク）
3（←メニューのリンク）

・各メニューのリンク（上記の1,2,3）をクリックすると、タイトル（上記のabcdefg）の色が指定した各々の色に変わる。
　（メニューとタイトルのソースは同じページ上にあり、タイトルには（cssで若干調整してある）<h2>タグを、メニューにはリストを用いています。タイトルには2色交互に使っていて、色の変更にもできれば2色交互に使いたいと思っています）

CSSはそこそこ理解できていますが、JavaScriptに関しては全くの素人です。
可能かどうかの判断も含めて、どうぞよろしくお願いします。

（※動作環境はVista、IE8です。）

回答No.1

steel_gray · ベストアンサー

いまひとつやりたい事がわからない（２色交互…とか特にわからん）
現状やどうなって欲しいかの希望結果を具体的にHTMLなんかで書いてくれた方が言葉より100倍伝わる事もある。（たぶん回答も言葉よりソースコードの方がわかるでしょう）

一応サンプルを。
このままだとページがリンク先に切り替わるので色が変わった確認ができないけど…
フレーム使ってるとか、ページ内リンクとかなのかな？？

<style type="text/css">
.c0 {
color:red;
}
.c1 {
color:green;
}
</style>
<script type="text/javascript">
// ID=abcの要素のclassを書き換える
function sample(cName) {
document.getElementById('abc').className=cName;
}
</script>

<h2 id="abc">abcdefg</h2>

<ol>
<li><a href="xxx" onclick="sample('c0')">メニュー１</a></li>
<li><a href="yyy" onclick="sample('c1')">メニュー２</a></li>
<li><a href="zzz" onclick="sample('c0')">メニュー３</a></li>
</ol>

質問のカテゴリとしてはJavascriptのカテがあるのでそっちの方がいい。
HTMLも専用のカテあり。CSSの質問だったら・・WebPageDesignかな？
http://oshiete.goo.ne.jp/category/221/

お礼

カテゴリを変更して再度質問させていただくことにしました。
回答ありがとうございました！