人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://www.seoulnavi.com/ のぺージ右側の ニュース、お知らせ、イベント がタブ切り替えのように表示されるようになっています。
同じようなことをしてみたいのですが、詳しく説明しているホームページなどないでしょうか?

●質問者: koh40
●カテゴリ:コンピュータ
✍キーワード:イベント ニュース ホームページ
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● typista
●20ポイント

http://www.geocities.jp/yappy7011/frame_in.html

初心者の館 インラインフレームのサンプルスクリプト

インラインフレーム(iframe)タグを使って、擬似的にタブ切替しているように見せているのだと思います。

http://yapeus.com/sample/iframe.php3

無料レンタル フォト日記『ヤプース! ─ IFRAMEサンプル』

◎質問者からの返答

どうも連絡ありがとうございます。

インラインフレームは分かるのですが、その先がちょっと分からなくて、


2 ● bmkage
●20ポイント

http://www.tohoho-web.com/html/iframe.htm

<iframe> - インラインフレーム

http://www.seoulnavi.com/

のソースを見たところインラインフレームを使っているようです

インラインフレームは1つのページ内に別窓を埋め込むような感じですね

Aのページ内にB窓をつけて

Aにおいたリンクの表示先をターゲットでB窓を指定することで出来ます

◎質問者からの返答

どうもありがとうございます。

インラインフレームの取得元を別々に用意しているということですかね、


3 ● shikakun
●30ポイント

http://www.htmq.com/html/iframe.shtml

<IFRAME>-HTMLタグリファレンス

これを使ってます。

◎質問者からの返答

どうもありがとうございます。

このぺージはとても分かりやすいです。


4 ● hichii
●40ポイント

http://technique.eweb-design.com/0906_tbf.html

タブメニュー(フレーム版) - Webデザインテクニック

参考サイトはCSSで作ってあり、メニュー所は画像が使われています。ここのソースと使うとすぐ出来ますよ。画像は使用していません。

http://csssimplesample.nobody.jp/sample.htm

css simple sample [???S??????X?^?C???V?[?g?T???v???T?C?g]

ここは縦型もあります。表示をクリックしてから、PCの表示→ソースを見ると作り方がわかります。画像を使用したサンプルがあります。

http://www.mdn.co.jp/webcre/Volume/Vol20/Special2/

JavaScript、CSS、DHTMLを生かす手法とアイデア

ジャバを使用した4番は画像を使用していて、ダウンロードしてすぐ使用できます。営利目的は許可が必要みたいです。

http://flashcafe.jp/menu/tab/

フレーム専用タブメニュー

こちらはFLASHで作成してあります。

◎質問者からの返答

素晴らしいです、

とても助かります。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ