新手问个问题_html/css_WEB-ITnose-html教程-PHP中文网

新手问个问题_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 12:19:04

原创

1223人浏览过

本帖最后由 qq_whydoyoudo 于 2013-02-20 13:37:06 编辑

主页内我大概这样布局，导航条（横），然后一个轮播图片，然后再下面显示内容（给个简称 A）。
导航条有，主页，注册，新闻，等等，
要求；
当我点击注册，新闻等时只有A内容发生变化，这个怎么做呀？！求例子，谢谢

求多种不同方法例子

回复讨论(解决方案)

ajax
iframe

做成模版页。

ajax
iframe

第一个怎么做？
第二个框架倒会点点，但不想用框架咯。。想看还有其他办法不拉

做成模版页。

怎么做呀？
求指教

DW 有自带的 spry卡式选项面板。这个改起来比较简单而且各浏览器也兼容的。或者 iframe+锚点也能解决。

试下用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 首页底部友情链接

既然是主导航条了，建议楼主用页面跳转吧