ヤフートップページの中心にある枠内の処理について

質問

自社ホームページを製作しています。使用ソフトは、ホームページビルダー9です。新しくなったヤフーのトップページにある”トピックス””経済”…などをそれぞれクリックするとその枠内が変わる処理はどのサイトを参考にすると解説しているのでしょうか？あの処理は、決められたスペース内での情報量が多く使えるので是非多用していきたいと思うのですが…。私が調べた限りどのサイトも解説していませんでした。詳しい方のご教授よろしくお願いします。

回答No.2

fujillin · ベストアンサー

「タブによる切替え表示」とでも言うのでしょうか・・・
Yahooの方はソースを見るのが、長くて面倒なのでやめましたが、多分CSSとJavascriptを利用して実現していると思われます。
・・・で、検索して見るとうじゃうじゃありました、とりあえずシンプルなのが以下
　　http://nais.to/~yto/tools/css_tabs/

他にも同様のものは、たくさん見つかりますし、パッケージ化してあるものもありそうです。
＜一例＞（他にもたくさんありますので探してみてください）
　　http://hyper-text.org/archives/2007/09/tab_sample.shtml
　　http://dqn.sakusakutto.jp/2008/03/javascriptcss0314.html
　　http://blog.lasso.jp/admin/archives/2007/04/ent_232.lasso
　　http://archiva.jp/web/javascript/tab-menu.html
　　http://weboook.blog22.fc2.com/blog-entry-38.html

お礼

ありがとうございます。構造と使用している技術が良く分りました。CSSとJavascriptに関して知識が少なすぎるので思うように自分のページに転用が上手くいきませんでした。非常に簡単なように見えたので挑戦してみましたが知識の無さを痛感しました。ありがとうございました。

回答No.1

inovia

インラインフレームのことでしょうか？
http://www.wsb.jp/hpb/kihon/iframe.htm

参考URL：

http://www.wsb.jp/hpb/kihon/iframe.htm

補足

早々のご回答ありがとうございます。
インラインフレームではなく詳しい名前は分りませんがフレームの上部に付箋のようなものが付いていてそれをクリックするとその枠内の画像とテキストが次々に変わっていく仕組みのものです。