首页 >web前端 >html教程 >新手问个问题_html/css_WEB-ITnose

新手问个问题_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:19:041049浏览

本帖最后由 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 首页底部友情链接

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn