如用用JQ+CSS高亮当前页的导航链接?

就是实现这样一个效果:当前页面为index.html的时候,index.html对应的导航项频道一的class为current当前页面为page.html的时候,page... 就是实现这样一个效果:
当前页面为index.html的时候,index.html对应的导航项 频道一 的class为current
当前页面为page.html的时候,page.html对应的导航项 频道二 的class为current
而其他频道的class为普通样式

简而言之,就是当前网页的地址等于导航栏地址的时候,用JQ去掉原来的class,加上新的class :current。
展开
 我来答
lucifer_dx
2013-08-20 · TA获得超过2339个赞
知道大有可为答主
回答量:2106
采纳率:50%
帮助的人:1656万
展开全部
这个效果一般是通过在body中设置相应的id或者class实现的。毕竟对于大部分cms而言都得单独做模板,只要把相应页面的模板body的class或者id改一下就行。用jQuery要涉及地址判断之类的,而且,这么简单的功能,也有点大材小用了。。。
jQuery加载起来可是比页面要大,压缩后也得70k以上。
djyuning520
2013-08-20 · TA获得超过1566个赞
知道小有建树答主
回答量:759
采纳率:0%
帮助的人:863万
展开全部
大致的方法都是查询URL中是否包含指定的字符串,然后针对各个导航元素设置class。
有多种方法,
1.动态程序输出,使用一个php函数(判断提取URL片段)来返回字符串,判断输出即可。(不易维护);
2.页内js直接指定,在独立页面使用独立的js/jq,如:$('#nav li').eq(0).addClass('current');每个页面都要加(需考虑模板分离,不易维护);
3.全局调用js/jq,写一个函数,全局调用即可,如函数:navStatc(); 该函数首先获取URL,然后截取指定位置的字符串,并返回字符串。(或者 数组对比查询,返回指定的数组索引,都是从0起始的),查询到指定的字符串后给清除全部class然后在eq添加class即可。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
沫神钢虚1F
2017-01-12 · TA获得超过2.4万个赞
知道大有可为答主
回答量:1.6万
采纳率:59%
帮助的人:1134万
展开全部
导航高亮显示当前页: 一、先定义一个CSS,比如: .changebg{background-color:#FFCC00;} 二、给导航所在的区域设置ID,这个区域我不知道你是怎么做的,比如div,td或li等,但都要设置ID,比如分别为:sy,gsjj,gsxw 三、每个页都有页名
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
tatooo
2013-08-20 · TA获得超过2119个赞
知道小有建树答主
回答量:2497
采纳率:46%
帮助的人:679万
展开全部
完全不需要jquery
你只需要给每个页面对应的导航单独加一个它独有的class就行了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式