• ベストアンサー

ナビゲーションタブの作り方を教えてください

いろいろホームページを見てるとナビゲーションタブというんでしょうか、タブ形式のリンクメニューがあります。 どのようにすればナビゲーションタブのメニューを作れるんでしょう?ホームページを作ってみようとIBMホームページ・ビルダーを購入しました。ヘルプを見ても見つかりません。もしかしてすっごく難しいことなのか、すっごく簡単なことなのでしょうか? ちなみにCSSとかCGIの作り方も判らない初心者です。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

カーソルをあてると動きのでるリンクは、 ロールオーバーと呼ばれる機能を使用しています。 カーソルをあてる前とあてた後の2枚の画像を用意し、 マウスポインタが画像の上に来たときに、 2枚の画像を変えて入れ替えて表示するやり方です。 一般的にJavaScriptで実現できますが、CSSでも可能です。 ビルダーにもこの機能はついていると思うので、使ってみてください。 http://www.setuyaku-city.net/biruda/gazou/qhpg13.html 他にも「ロールオーバー」や「ロールオーバー 素材」で 検索すれば、関連のサイトさんがたくさんでてくるので、 ぜひ探してみてください。 (*^_^*)

tokotoko1
質問者

お礼

できました! 絵を2枚使うんですね。 お正月休みにがんばって作ってみます。 ご回答ありがとうございました(_ _)。

その他の回答 (1)

回答No.1

こんにちは。 質問者様の指すナビゲーションタブがどういったものか、よく分からないのですが ツリー表示式のメニューか、あるいはプルダウンメニューのことでしょうか?? (ツリー表示式メニュー)http://www3.ocn.ne.jp/~motiya/java/sample-2/list_menu.htm (プルダウンメニュー)http://allabout.co.jp/computer/hpcreate/closeup/CU20020331A/ こんな感じにしたい、といった見本のサイトがありましたら アドバイスしやすいので、宜しければ教えて下さい。

tokotoko1
質問者

補足

書き込みありがとうございます。 このような感じて作ってみたいと思ったサイトは通販生活のサイトでした。http://www.cataloghouse.co.jp/cat_order/index.html メニューのリンクのところが四角張ってなく、やわらかい印象を感じます。マウスをメニューの上に持ってくるとボヨ~ンと伸びます。 このようなリンクメニューをナビゲーションタブと言っていいか判りませんでしたが、通販生活を利用するたびに、「良いなこのリンクメニュー」と思った次第です。 うまく言えてないと思いますが、よろしくお願いします。

関連するQ&A