- ベストアンサー
タブメニューについて
こんにちは。 早速ですが、 http://www.1uphp.com/con2/over/over3.html のサイトを参考にしながらタブメニューを作っているのですが、たとえば「NEWS」のページにジャンプした時、「NEWS」メニューのオーバー状態のタブにする事は可能でしょうか？ 初心者ですが、宜しくお願い致します。
- momokocyan
- お礼率26% (9/34)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1です。 最低限の変更（メニューが増えたらメニュー画像を差し替える）だけで済ませるようなJavascriptを作る事も不可能ではないですが（少なくとも私には）かなり面倒です。 メニューの増減時には通り一遍の更新では済まないようなケースが考えられるし（そうなると結局Javascript部分にも手入れは必要）、 Javascriptを組む手間を考えるとCSSをその都度手直しした方が楽だと思えます。 更新時の手入れ部分を集約するためにはページのbodyにidを付け、 CSSファイルは一つにしておいた方が楽できるかもしれません。 <body id="top"> <body id="news"> ↑のようにページが識別できるようにしてあればCSSは以下のように一つの外部CSSファイルに書ける。 #top .top a { background-position:0 -35px; } #news .news a { background-position:-150px -35px; }
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
javascriptによる解決ではありませんが、 例えばnewsのページでは次のようなスタイルを追加すればいいのでは。 .news a { background-position:-150px -35px; } 用はhover状態でなくても、hover時と同じpositionを指定する。
補足
steel_gray様 早速のご回答ありがとうございます。 すみません。書き忘れていたのですが、ドリームウィーバーのテンプレート機能を使い、変更などがあった場合全ページ一括変換でき、なおかつページごとでオーバー状態を保ちたいと考えています。 しかし難しいようであれば、steel_gray様のご回答のように各ページごとで設定していくようになるとは思いますが。。。 度々で申し訳ございませんが、宜しくお願い致します。
お礼
steel_gray様 度々ありがとうございました。 そうですね。bodyにidを付ける方法がありました。これで思い通りに再現する事が出来ました。 まだまだ分からない事がありますので、その時は是非またお願い致します。