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

导航|页面

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

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

相应的目录结构与页面对应的是:
/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="/sun/">太阳</a></li>
    <li><a href="/moon" class="act">月亮</a></li>
    <li><a href="/satellite">卫星</a></li>
  </ul>
</div>

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

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

时间: 2024-11-03 12:39:37

设置导航当前页面“激活”的相关文章

国外优秀的网站设计:创意大导航单页面网站设计

在国外优秀的设计网站中,开始流行一种这样的Web创意设计风格:整站由一个单一页面组成,通过设置锚点的方式,利用JavaScript技术,实现网站内容的滑动导航.这种创意十足的Web设计效果,可以很大程度上给人一种流畅华丽的动画震撼,沉醉于其美妙的操作设计的同时,更为网站设计者的构造灵感而折服,这里就为你搜集了10个创意大导航单页面网站设计. WeBleedDesign Gavin Castleton Two24Studios DesignSpam JP3Design MadeToKill Cla

QQ浏览器设置启动时打开上次页面方法

  QQ浏览器设置启动时打开上次页面方法.很多小伙伴在使用QQ浏览器查看了东西后不小心关掉导致没有记录了!那么可以选择使用启动QQ浏览器软件时打开上次浏览中的页面.接下来小编就教大家QQ浏览器设置启动时打开上次页面方法. 1)打开QQ浏览器进入软件后点击下方导航栏[三],接着点击[设置].(如下图) 2)接着在设置页面点击[启动时打开上次页面]右边开关]即可.(如下图)

如何设置Word 2013页面显示比例

在Word2013文档窗口中,用户可以根据需要设置文档页面的显示比例,以更灵活地查看页面效果.用户可以通过两种方法设置Word2013文档页面显示比例. 方法1:使用"显示比例"对话框 用户可以在"显示比例"对话框中设置页面显示比例,操作步骤如下所述: 第1步,打开Word2013文档窗口,切换到"视图"功能区.在"显示比例"分组中可以单击"单页"."多页"."页宽"

word怎么设置自动滚动页面

  word怎么设置自动滚动页面 1.首先我们先打开需要设置自动滚动页面的word文档,打开之后我们单击左上角的office图标,如图箭头所指的图标. 2.单击该图标之后会弹出一个对话框,此时我们单击对话框底部的"word选项"按钮. 3.选择word选项按钮之后会弹出如图对话框,此时我们选择左侧的"自定义"按钮. 4.选择自定义按钮之后会进入到自定义控制面板,我们单击"从下列位置选择命令"下方的小倒三角形. 5.选择小倒三角形之后会有一个选项,

php实现获取及设置用户访问页面语言类

 本文实例讲述了php实现获取及设置用户访问页面语言类,分享给大家供大家参考.具体分析如下: 该实例User Language Class 获取/设置用户访问的页面语言,如果用户没有设置访问语言,则读取Accept-Language.根据用户选择的语言显示对应的页面(英文,简体中文,繁体中文) UserLang.class.php类文件如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

ios-iOS在故事板中画好界面 在APPDelegate里面设置启动这个页面的时候 看不见控件

问题描述 iOS在故事板中画好界面 在APPDelegate里面设置启动这个页面的时候 看不见控件 AppDelegate 代码 (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { ViewController *vc = [ViewController new]; vc.dictUserInfo=@{@"User":[[

设置导航栏控制器背景色

设置导航栏控制器背景色   效果   说明 1. 去掉了原始导航栏控制器上面的黑线 2. 可以定制背景透明度   源码 // // AppDelegate.m // UINavigationControllerSet // // Created by YouXianMing on 15/9/1. // Copyright (c) 2015年 YouXianMing. All rights reserved. // #import "AppDelegate.h" #import &quo

设置导航栏标题的文字属性

设置导航栏标题的文字属性 效果: 源码: UINavigationController+TitleTextAttributes.h 与 UINavigationController+TitleTextAttributes.m // // UINavigationController+TitleTextAttributes.h // NC // // Copyright (c) 2014年 Y.X. All rights reserved. // #import <UIKit/UIKit.h>

iphone-如何动态设置导航栏title长度

问题描述 如何动态设置导航栏title长度 有一些在导航控制器显示的视图,其中有两个title非常长. 导航中超出长度的title字符就会被压缩,显示成--. 有没有办法能让导航根据标题长度自动调整? 解决方案 在ViewDidload中加上下面的代码: self.title = @"Your TiTle Text"; UILabel* tlabel=[[UILabel alloc] initWithFrame:CGRectMake(0,0, 200, 40)]; tlabel.tex