初心者が質問する_html/css_WEB-ITnose

この投稿は qq_whydoyoudo によって最終編集されました: 2013-02-20 13:37:06

ホームページを大まかにこのようにレイアウトし、ナビゲーション バー (水平)、次にカルーセル画像を配置し、その下にコンテンツが表示されます (略語 A) を教えてください。
ナビゲーション バーには、ホームページ、登録、ニュースなどが含まれます。
要件; 登録、ニュースなどをクリックすると、A の内容のみが変更されます。 ！例を挙げてください、ありがとうございます

さまざまな方法の例を教えてください

ディスカッション (解決策) に返信します

ajax

iframe

テンプレート ページを作成します。

ajax

iframe

最初に何をするか?
2 番目のフレームについては少し知っていますが、使いたくないです。 。引っ張らずにテンプレートページにする他の方法があるかどうかを確認したいです

。

どうやってやるの？
アドバイスをお願いします

DWには独自のspryカードオプションパネルがあります。これは比較的簡単に変更でき、すべてのブラウザと互換性があります。または、iframe+anchor も解決できます。

JavaScript を使ってみてください

これは TAB タブではありませんか?

具体的な参照先: http://www.cnblogs.com/yjzhu/archive/2012/12/28/2837593.html

var _li = $("#index_ftopT li");    _li.click(function () {        $(this).addClass("hover")//当前<li>元素高亮            .siblings().removeClass("hover");  //去掉其它同辈<li>元素的高亮        var index = _li.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。        $("#index_ftopC > ul")//选取子节点。不选取子节点的话，会引起错误。如果里面还有div            .eq(index).removeClass("hide")//显示 <li>元素对应的<div>元素            .siblings().addClass("hide"); //隐藏其它几个同辈的<div>元素    })

<ul class="index_ftopT" id="index_ftopT">            <a href="#" class="fr a01">更多</a>            <li class="hover"><h2>友情链接</h2></li>            <li><h2>企业推荐</h2></li>        </ul>        <div class="index_ftopC" id="index_ftopC">            <ul class="aa01">                 <li>新闻列表1</li>            </ul>            <ul class="hide">                 <li>新闻列表1</li>            </ul>        </div>

独自のスタイルのコピー ソース http://www.dysh を作成します。 net ホームページの下部にあるフレンドリーリンク
メインナビゲーションバーなので、ページジャンプを使用することをお勧めします