| 网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 |
|
| Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道 |
当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不 同，用以给浏览者一个明显的指示。
下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何 实现当前页。 网管联盟bitsCN@com
设菜单有5个栏目：home、about、products、services、contact，分别给每个栏目一 个ID，m1-m5，CSS可写成如下：
网管u家bitscn.net
#home #nav li#m1 a,
#about #nav li#m2 a,
#products #nav li#m3 a,
#services #nav li#m4 a,
#contact #nav li#m5 a{
color: #FFF;
background: #DC4E1B url(navbg.gif) no-repeat;
}网管u家u.bitsCN.com
xhtml： 网管u家u.bitsCN.com
<ul id="nav">
<li id="m1"><a href="index.html">Home</a></li>
<li id="m2"><a href="about.html">About</a></li>
<li id="m3"><a href="products.html">Products</a></li>
<li id="m4"><a href="services.html">Services</a></li>
<li id="m5"><a href="contact.html">Contact</a></li>
</ul>中国网管联盟bitsCN.com
然后分别给每个页面的bady标签一个独立的ID，例如给首页的ID是home，其余的类推 。 网管有家www.bitscn.net
这样做法的好处是每个页面的菜单都是一样的，方便修改，动态页包含也容易 网管论坛bbs_bitsCN_com
|
0
|
评论加载中…