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

欣喜13143

欣喜13143

2016-02-19 20:38

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

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

navigator.CSS

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

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;
}

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

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

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

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

Web开发
用XSLT轻松实现树形折叠导航栏

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

Web开发
用XSLT轻松实现树形折叠导航栏(4)

html教程:用tabIndex轻松实现网页导航

Web开发
html教程:用tabIndex轻松实现网页导航

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JQuery 浮动导航栏实现代码

Web开发
JQuery 浮动导航栏实现代码

怎样用PPT制作网站导航栏

电脑入门
怎样用PPT制作网站导航栏

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

妙用windows 7右键提高工作效率

妙用windows 7右键提高工作效率

WZor:Win10预览版10147无法用Win8.1密钥激活

WZor:Win10预览版10147无法用Win8.1密钥激活
下拉加载更多内容 ↓