频道栏目
首页 > 资讯 > XML教程 > 正文

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

16-08-05        来源:[db:作者]  
收藏   我要投稿
当然, 少了navigator.css是不行的。

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

现在运行Navi.xml的话, 您就会看见所有Layer=0的Navigator了(由于那些Layer>0的被Class='Navigator-Hidden'暗躲起来了), 当然现在还不能实现展开和折叠, 缺乏toggle这个函数。

相关TAG标签
上一篇:大话XML(2)XML和HTML的比拟7
下一篇:XSLT轻松进门第三章:XSLT的元素语法(3)
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站