互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

设置导航当前页面“激活”

这个功能导航用的多一些,就是达到一个页面的导航条某个栏目和其他的不同的目的。

比如我们有一个导航条有以下几条:
太阳
月亮
卫星

相应的目录结构与页面对应的是:
/sun/index.html
/moon/index.html
/satellite/index.html

比如当页面转到"月亮"页面时,我们想在导航条的“月亮”的条目上显得与众不同些,以突出是当前页面。

这样做:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前文档导航&quot;激活&quot;用法</title>
<style type="text/css">
<!--
#nav {
 background-color: #CCCCCC;
 height: 200px;
 width: 200px;
}
#nav ul li a.act {
 color: #990000;
}
-->
</style>
</head>
<body>
<div id="nav">
  <ul>
    <li><a href="/sun/">太阳</a></li>
    <li><a href="http://www.webjx.com/moon" class="act">月亮</a></li>
    <li><a href="/satellite">卫星</a></li>
  </ul>
</div>

很简单的,主要就是设置一个 a.act(不要与a:activ混淆),然后在href里加个class。

最后,再说点另外的收获,Dreamweaver代码视图,用方正超大字符集的“宋体”不错。





上一篇:学习网页制作技巧:无边窗口的制作
下一篇:所有链接都设成_blank简单方法
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 



版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com