您的位置：首页 > Web前端 > JQuery

jQuery简单实现当前页的导航或分类高亮显示

2014-08-09 00:00 501 查看

摘要: 在做网站的过程中经常会遇到当前页面的导航或者分类要高亮显示背景或被选中的状态，下面借助jQuery和javascript的一些简单的函数去实现这个需求。具体代码如下：（注意：调用时请先加载jQuery框架。）

具体示例：

$(function() {
var urlName = window.location.pathname;  //获取地址栏中文件名或路径。
$('#Menu li a').each(function() {        //遍历当前网页导航或分类
var urlHref = $(this).attr('href');  //获取导航链接地址href值
if (urlName.indexOf(urlHref)>=0) {   //检测文件名或路径中是否包含当前链接值
$(this).addClass('active');      //设置高亮css类
}
});
});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jQuery导航高亮 jQuery分类高亮导航高亮分类高亮背景高亮菜单高亮

相关文章推荐

新的分享

章节导航