用XSLT轻松实现树形折叠导航栏(3)

2016-02-19 20:38 1 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的用XSLT轻松实现树形折叠导航栏(3),过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

当然, 少了navigator.CSS是不行的。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

navigator.CSS

BODY
{
font-family:Verdana;
cursor:default;
font-size:9pt;
}

TABLE
{
font-size:110%;
}

A
{
color:"#003366";
text-decoration:none;
}

A:hover
{
text-decoration:underline;
color:#003366;
}

DIV IMG
{
MARGIN-BOTTOM: 0px;
MARGIN-RIGHT: 5px;
MARGIN-TOP: -3px;
VERTICAL-ALIGN: middle
}

DIV A:hover
{
BACKGROUND-COLOR: greenyellow
}
DIV A
{
FONT-WEIGHT: normal;
MARGIN-RIGHT: 5px;
VERTICAL-ALIGN: middle
}

.Navigator
{
color: #003366;
}
.Navigator-Hidden
{
display:none;
}

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

现在运行Navi.xml的话, 您就会看见所有Layer=0的Navigator了(因为那些Layer0的被Class="Navigator-Hidden"隐藏起来了), 当然现在还不能实现展开和折叠, 缺少toggle这个函数。

来源:https://www.tulaoshi.com/n/20160219/1624187.html

延伸阅读
在网页设计中有一些通用的交互设计模式。网站导航各种各样的通用和大家熟知的设计模式,可以用来作为为网站创建有效地信息架构的基础。这篇指南涵盖了流行的站点导航设计模式。对于每一种网站导航栏设计模式,我们将讨论它的一般特征,它的缺点,以及什么时候使用它最好。 顶部水平栏导航 顶部水平栏导航是当前两种最流行地网站导航菜单...
标签: Java JAVA基础
  现在JSP被越来越多的人应用在后台程序的开发及动态网页的制作上了,今天就来介绍一下如何用JSP来实现文件的上载。 一、RFC1867规范 在过去的Html中,表单不能实现文件的上传,这多少限制了一些网页的功能。RFC1867规范(即Html中实现基于表单的文件上传)对表单作出了扩展,增加了一个表单元素...
标签: Web开发
通过前面两章的介绍,我们已经对XSLT的基本概念和它的转换过程有了一些了解。下面我们一起来学习XSLT的具体语法。说到语法总是比较枯燥的,您可以大体上浏览一遍,等您真正需要使用XSLT的时候,再仔细研究它们。 3.XSLT的元素语法 3.1 xsl:template和xsl:apply-templates 3.2 xsl:value-of 3.3 xsl:for-each 3.4 xsl:if 3.5 Xxsl:c...
标签: Web开发
1.XSLT的概念 1.1 什么是XSLT 1.2 为什么要用XSLT 1.3 XSLT的历史 1.4 什么是XPath 1.5 XSLT和CSS的比较 1.6 XSLT和IE5 1.XSLT的概念 我们首先来澄清一个概念,大家可能听说过XSL(eXtensible Stylesheet Language),XSL和我们这里说的XSLT从狭义上理解是一样的,而按照W3C的标准,XSLT的说法更严格些,因此我们在文章中统一使用XSLT的...
标签: ASP
  【bigeagle】 于 2000-12-6 14:45:13 加贴在 Joy ASP ↑: 下面这种方法是white提出来的。 BBS数据库结构的浮点数表示法 BBS由一系列的文章组成,每篇文章有一些基本属性,比如作者,创建时间,文章编号等。其中最为重要的,用以表示树形结构的是层和序数。层表示位于文章树的第几层,最高层的帖子层等于0,其回复的层为1,回复的回...

经验教程

799

收藏

73
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部