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

Wed, 03 May 2006. 找找吧

吧台读吧链接留言设计沙龙 BT Men

Photoshop . Flash . Asp . Dreamweaver . Css . Html . JavaScript . Xml . Flash AS . WEB标准 . Illustrator . Sql . WEB配色 . Access . ASP.NET 2.0 . VBScript . Xslt . Rss . Swift3D . IIS . Wap . WEB2.0 . .Net . Flsh AS .

‹ 2005年全部完全破解应用软件大集合3--截止到2005年12月10日

网页制作

Flash中锚记的使用 ›

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

water 整理于 :28 来自：蓝色理想

作者： skycloud112 Large Medium Small

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

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

相应的目录结构与页面对应的是：
/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>当前文档导航"激活"用法</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="http://www.gogogo8.com">太阳</a></li>
    <li><a href="http://www.gogogo8.com" class="act">月亮</a></li>
    <li><a href="http://www.gogogo8.com">卫星</a></li>
  </ul>
</div>

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

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

Tags (标签)

引用通告地址 (1)

Tags: Html | Css | Dreamweaver

引用通告：XIAOKE . 2006 Life & Love 于 :58 AM

标题：设置导航当前页面“激活”
链接：http://ke.cboys.org/?id=78
摘要：这个功能导航用的多一些，就是达到一个页面的导航条某个栏目和其他的不同的目的。

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

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

比如当页面转到"月亮"页面时，我们想在.....

发表评论 - 注意输入验证码！[本站已启用NoFollow标签]

作者：

用户：密码：注册？验证：

评论：

禁止表情
禁止UBB
禁止图片
识别链接
识别关键字

表情

21 active user(s) in 10 minites. 0 member(s). 21 guest(s).

回到页面顶部

Mainly Powered by L-Blog , Styled & Modified by water . © 2005 . Processed in 0.062500 second(s) , 10 queries .

Name : Water QQ : 26998026 MSN : linweb Web : http://www.gogogo8.com/

IT新动态 (45)

平面设计 (158)

VS 2005 (5)

动画制作 (40)

网页制作 (80)

编程开发 (59)

帮助文档 (7)

品吧好站 (30)

乱七八糟 (42)

2005年, 12月份

2005年, 11月份

2005年, 10月份

2005年, 9月份

2005年, 4月份

2005年, 3月份

2005年, 2月份

2005年, 1月份

      好好
      哈哈没想到我的blog还...
      谢谢,dldengke
      好文章！收藏啦！！[0...
      米罗的画，充满童趣
      什么意思啊，这个图片...
      Dear, 我比较了解你帖...
      [0a7]不知道是什么烂翻...
      什么烂翻译
      俺也想要一个，邮箱：...

BLOG编码

找找吧

共同创作协议

找找吧 | Http://www.gogogo8.com/--为广大WEB设计、制作、开发爱好者提供原创并搜集精品文章的小站：平面设计-动画制作-网页制作-编程开发 Archive

gogogo8.com v 4_3