Newbie asks a question_html/css_WEB-ITnose

This post was last edited by qq_whydoyoudo on 2013-02-20 13:37:06

I roughly layout the homepage like this, navigation bar (horizontal), then a carousel image, and then display the content below (Give it the abbreviation A).
The navigation bar includes homepage, registration, news, etc.
Requirements;
When I click registration, news, etc., only the content of A changes. How to do this? ! Please give examples, thank you

Please give examples of different methods

Reply to discussion (solution)

ajax
iframe

Made Template page.

ajax
iframe

How to do the first one?
The second frame is a little bit better, but I don’t want to use a frame. . I want to see if there are other ways to make a template page without pulling

.

How to do it?
Please give me some advice

DW has its own spry card option panel. This is relatively simple to change and is compatible with all browsers. Or iframe anchor point can also be solved.

Try using javascript

Isn’t this the TAB tab?
For specific reference: 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>

Write the style yourself and copy the source http://www.dysh.net Friendly link at the bottom of the homepage

Since it is the main navigation bar, I suggest you use the page jump