如何实现菜单的某一项在某一页有与众不同的效果？（类似于Ｚ-ＢＬＯＧ）

[Zimmerk]

就像　http://blog.rainbowsoft.org/　一样，
当页面在首页时，菜单的“首页”有不同的样式，
当页面在留言板时，菜单的“留言板”有不同的样式，“首页”恢复正常

不知道这个是怎么实现的，正在查看源码，但工程量貌似有点大，
希望知道的朋友能解答一下。

[Go 旅城通票]

js获取当前页面地址然后查找对应导航设置获得焦点样式就好了，和这种差不多吧http://www.spread168.cn/ index.html，supply.html，buy.html，company.html，product.html，news.html

<style>
li.focus{background:#ff0000;color:red}
</style>
<ul id="ulWebNav"><li><a href="index.html">网站首页</a></li><li><a href="supply.html">产品供应</a></li><li><a href="buy.html">产品求购</a></li><li><a href="company.html">企业会员</a></li><li><a href="product.html">企业产品展示</a></li><li><a href="news.html">实验设备资讯</a></li></ul>
<script>
var m = /\/([a-z]+\.html)/i.exec(location.pathname)//如果你的页面不是“字母.html”组成的修改这里的正则
,as=document.getElementById('ulWebNav').getElementsByTagName('a')//获取导航连接
,aFocus=as[0];//默认首页设置焦点样式
if(m){//存在，则遍历导航连接地址和页面对比找到焦点连接
   m=m[0];
   for(var i=0,j=as.length;i<j;i++)
    if(as[i].href.indexOf(m)!=-1){//导航连接地址包含前访问的页面
        a=as[i];break;
    }
}
a.parentNode.className='focus';///////设置焦点样式
</script>

[功不唐娟]

实际上就应该是焦点设置的问题吧，事件发生分别修改两个导航的属性。。。

[Zimmerk]

引用 1 楼 showbo 的回复:

js获取当前页面地址然后查找对应导航设置获得焦点样式就好了，和这种差不多吧http://www.spread168.cn/ index.html，supply.html，buy.html，company.html，product.html，news.html XML/HTML code?1234567891011121314151617<style>l……

但我发现一个问题，如果访问的是一个有默认文档的目录，比如 /Article/和/Article/Defalt.aspx /Admin/　和　/Admin/Default.aspx 这样的地址就很麻烦，不知道有没有更好的方法？

[Go 旅城通票]

获取路径就行了。。你看我给的那个示例就是获取路径的，分页后也能设置焦点

//var m = /\/([a-z]+\.html)/i.exec(location.pathname)
//=========>
var m = /\/([a-z\d]+)\//i.exec(location.pathname)//如果目录不是“字母数字”组成的修改这里的正则

[Zimmerk]

引用 1 楼 showbo 的回复:

js获取当前页面地址然后查找对应导航设置获得焦点样式就好了，和这种差不多吧http://www.spread168.cn/ index.html，supply.html，buy.html，company.html，product.html，news.html XML/HTML code?1234567891011121314151617<style>l……

非常感谢，我原先没有找到这个思路，我先去试试看

[Zimmerk]

引用 5 楼 showbo 的回复:

获取路径就行了。。你看我给的那个示例就是获取路径的，分页后也能设置焦点 JavaScript code?123//var m = /\/([a-z]+\.html)/i.exec(location.pathname)//=========>var m = /\/([a-z\d]+)\//i.exec(location.pathname)//如果目录不是“字母数字”组成的……

非常感谢，第一次看的时候没有看完整。 我又上网查了一下网页设计的资料，我正在用jQuery的$().each为第个菜单项绑定了click事件，来设置焦点高亮，然后用ＡＪＡＸ局部刷新页面。 你的方法我在另一个站也使用着，我看看哪个更好使