CSS / js级联垂直菜单手风琴:尝试使我的活动页面显示为活动状态

时间:2012-10-29 15:01:40

标签: javascript css menu

放弃撕掉我的头发,任何人都可以帮忙吗? 我试图让活动页面应用一个单独的样式,在示例中与单击test1时相同,即在主页或我们身上有深色背景母鸡。

http://www.tait-design.com/devsites/test-nav/index.asp

主要页面不在任何地方,即test1,但页面test1-1和test2-1作为示例

我认为问题在于js http://www.tait-design.com/devsites/test-nav/js/accordion.js 也许是css(不能把完整的URL放入) /css/black.css 我在文本上做了几个不同颜色的类来帮助识别

我已经选择了其他人的工作我怀疑它是一个模板网站,已被更改,左侧导航未作为包含完成,因此每个页面都有一个单独的标记,以使活动页面...看起来活跃。我已将此更改为asp只是因为包含工作我的网站,它将是PHP。

1 个答案:

答案 0 :(得分:0)

这可以完全用CSS完成,不需要Javascript。

  • 首先,为网页上的每个body标记提供唯一的类。 例如,在主页上,它将类似于<body class="home">
  • 然后给匹配链接的锚标签提供相同的类(即, - 看到我添加了一个 第二课到链接)。
  • 现在,您可以在CSS处于活动状态时专门设置该链接的样式 页:

    body.home#menu-1 a.home {  //无论你喜欢哪种造型 }