- ベストアンサー
タブメニューについて
こんにちは。 早速ですが、 http://www.1uphp.com/con2/over/over3.html のサイトを参考にしながらタブメニューを作っているのですが、たとえば「NEWS」のページにジャンプした時、「NEWS」メニューのオーバー状態のタブにする事は可能でしょうか？ 初心者ですが、宜しくお願い致します。
- momokocyan
- お礼率26% (9/34)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
javascriptによる解決ではありませんが、 例えばnewsのページでは次のようなスタイルを追加すればいいのでは。 .news a { background-position:-150px -35px; } 用はhover状態でなくても、hover時と同じpositionを指定する。
補足
steel_gray様 早速のご回答ありがとうございます。 すみません。書き忘れていたのですが、ドリームウィーバーのテンプレート機能を使い、変更などがあった場合全ページ一括変換でき、なおかつページごとでオーバー状態を保ちたいと考えています。 しかし難しいようであれば、steel_gray様のご回答のように各ページごとで設定していくようになるとは思いますが。。。 度々で申し訳ございませんが、宜しくお願い致します。
関連するQ&A
- javascript タブメニューに直接リンクする
質問させてください。 ただいま http://blog.creamu.com/mt/2009/12/jquery_24.html こちらのページを参考にサイトを作成しているのですが、 他ページから直接タブメニューのタブ３にリンクをしたいのですが、 出来ません。 http://okwave.jp/qa/q5590389.html こちらのページを参考に違うスクリプトを使おうと思ったのですが、 そうすると既に実装してあるcodasliderが動かなくなってしまうのです・・・・ なので現状のタブ切り替えのスクリプトを使ってタブへのリンクを実現したいのです。 恐れ入りますが、どなたかお知恵を貸していただけませんでしょうか・・・ よろしくお願いします。
- ベストアンサー
- JavaScript
- JavaScriptでタブメニューを実装したいと思っています。
JavaScriptでタブメニューを実装したいと思っています。 http://archiva.jp/web/javascript/tab-menu.html 上記サイトよりソースを頂いて実装したいと考えているのですが、こちらのサイトでは5つタブがあるため配列を使用しています。 今回実装したいページは、タブが2つのみなので配列は必要ないかと思いました。 色々調べても勉強不足のためどうしても条件分岐に書き換える方法が分からなく行き詰ってしまったため、お力添え頂きたく質問させていただきました。 大変申し訳ないのですが、教えていただければありがたいです。 どうぞ宜しくお願い致します。
- ベストアンサー
- JavaScript
- cssでタブメニューのhoverとavtive
いつもお知恵拝借、ありがとうございますm(_ _)m ごく最近、cssを勉強し始めたばかりの超・初心者です。タブメニューを作っているのですが、 #cell2 :hover,#cell2 a:active { background-image:url(tab.gif); } として、ポインタがメニューの上に来た時と、クリックしてそのページへ飛んだときの背景を「tab.gif」に設定しました。 hoverの時は、ちゃんと背景が「tab.gif」になるのですが、リンク先のページに飛んだとき(そのページも全く同じタブメニューがある)に、activeで背景が「tab.gif」にならないのです。 何か基本的な知識不足ではないかと思うのですが、どうかご教授の程よろしくお願いしますm(_ _)m ソフトはwin xp+Homepage Builder10です。
- ベストアンサー
- ホームページ作成ソフト
- テーブルのセルでリンクする
只今、ホームページを作成していまして、テーブルを使用したメニューを作成しています。 そこで、リンクをテキストではなくテーブルのセルにリンクを使用と思い、導入までは出来ました。 参考にしたページ↓ http://www.1uphp.com/con1/table/cell-link.html このリンクをするとテキストの天地中央で設定されていたものが上に固定されてしまいます。 （左右の設定は問題ないみたいです。） 同じサイト内にあるテーブルの位置の設定を参考に設定してみましたが、うまくいきません。 参考ページ↓ http://www.1uphp.com/con1/table/cell-align.html なんとかテキスト部分を天地中央に持っていきたいので、ご回答頂ければと思います。 宜しくお願い致します。
- 締切済み
- HTML
- タブメニューの中に掲示板を埋め込みたい
タブメニューの中に掲示板を埋め込みたい yahooのトップページのニュース欄などにも使われているタブメニューを作りました。 （javascript＋CSS） その中に、ライブドアなどの掲示板を埋め込む事って出来ますか？
- ベストアンサー
- HTML
- jQuery タブメニューへのダイレクトリンクの仕方を教えてください。
jQuery UI タブ http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm を参考にタブメニューを制作しているのですが、 同ページ及び、他ページから各タブメニューへ ダイレクトにリンクすることはできるのでしょうか。 ただ、ここで http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm#tab2-3 とリンク先を指定すると「ソース」というところに ダイレクトにリンクするのですが、 ボタン等で指定するとうまくリンクしません。。。。。 方法があれば教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- jQuery画像タブメニューのダイレクトリンク
はじめまして。 jQueryのリンク設定で困っております。 以下サイトを参考にさせていただき、画像タブメニューを作成しております。 http://www.ezgate-mt.sakura.ne.jp/jquery/71.html 上記のサンプルにて、例えば直接「メニュー2」へのリンクを貼る方法をどなたかご教授いただけませんでしょうか。 短納期の仕事で行き詰まり、困っております。 どうぞよろしくお願い申し上げます。
- 締切済み
- JavaScript
- jQueryの画像を使ったタブメニューについて
下記のサイトを参考にタブメニューを制作いたしました。 jQueryを使ったタブ（画像）による画面切り替え http://web.showjin.me/2011/05/jquery_tab_image.html 各コンテンツの中にリストタグやpタグなどで内容を記載すると うまくいくのですが、divタグを使用するとまったく表示されないようです。 divタグに style="display: none;"と読み込まれてしまいます。 各コンテンツの内容にjqueryを使用してサムネイルのアルバムを設置したいと 思っているので、divタグなどでも問題なく表示されるようにしたいと思っています。 scriptを修正して実現できる方法が分かる方がおられましたら お教え頂けないでしょうか？ どうぞ宜しくお願い致します。
- ベストアンサー
- JavaScript
- ＦＣ２ホームページ フレーム
ＦＣ２ホームページでほむぺを作っているのですが・・・ 最近フレームを付け始めたんですね で、普通(左)メニューで選べば(右)で表示されるはずなんですが 別館で開いてしまったり、(左)でひらいてしまったりします・・・ 何がだめなのでしょう？指導サイトはこちらを使わせていただいてますが、このサイト様のやり方が私のＰＣでできないんでしょうか・・・ 教えてください！ http://www.1uphp.com/con1/frame/frame.html http://www.tamano.or.jp/takara/takarahtml/htmlc14.htm
- ベストアンサー
- その他（インターネット・Webサービス）
- タブのメニューに画像って・・・
http://hyper-text.org/archives/2007/09/javascript_tab.shtml を参考にjavascriptでタブメニューを作りました。 上手く表示できたのですが、メニュー部分を画像にと、応用しようとしたのですが、うまく出来ません。 何が出来ないかというと、メニューをクリックしたらそのボタンを違う（カレント用の）画像が表示されるようにしたいのですが。。。 やり方や参考サイトなど、情報が有りましたら教えてください！！ よろしくお願いします！！！
- 締切済み
- JavaScript
お礼
steel_gray様 度々ありがとうございました。 そうですね。bodyにidを付ける方法がありました。これで思い通りに再現する事が出来ました。 まだまだ分からない事がありますので、その時は是非またお願い致します。