如用用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。 展开
当前页面为index.html的时候,index.html对应的导航项 频道一 的class为current
当前页面为page.html的时候,page.html对应的导航项 频道二 的class为current
而其他频道的class为普通样式
简而言之,就是当前网页的地址等于导航栏地址的时候,用JQ去掉原来的class,加上新的class :current。 展开
4个回答
展开全部
大致的方法都是查询URL中是否包含指定的字符串,然后针对各个导航元素设置class。
有多种方法,
1.动态程序输出,使用一个php函数(判断提取URL片段)来返回字符串,判断输出即可。(不易维护);
2.页内js直接指定,在独立页面使用独立的js/jq,如:$('#nav li').eq(0).addClass('current');每个页面都要加(需考虑模板分离,不易维护);
3.全局调用js/jq,写一个函数,全局调用即可,如函数:navStatc(); 该函数首先获取URL,然后截取指定位置的字符串,并返回字符串。(或者 数组对比查询,返回指定的数组索引,都是从0起始的),查询到指定的字符串后给清除全部class然后在eq添加class即可。
有多种方法,
1.动态程序输出,使用一个php函数(判断提取URL片段)来返回字符串,判断输出即可。(不易维护);
2.页内js直接指定,在独立页面使用独立的js/jq,如:$('#nav li').eq(0).addClass('current');每个页面都要加(需考虑模板分离,不易维护);
3.全局调用js/jq,写一个函数,全局调用即可,如函数:navStatc(); 该函数首先获取URL,然后截取指定位置的字符串,并返回字符串。(或者 数组对比查询,返回指定的数组索引,都是从0起始的),查询到指定的字符串后给清除全部class然后在eq添加class即可。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
导航高亮显示当前页: 一、先定义一个CSS,比如: .changebg{background-color:#FFCC00;} 二、给导航所在的区域设置ID,这个区域我不知道你是怎么做的,比如div,td或li等,但都要设置ID,比如分别为:sy,gsjj,gsxw 三、每个页都有页名
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
完全不需要jquery
你只需要给每个页面对应的导航单独加一个它独有的class就行了
你只需要给每个页面对应的导航单独加一个它独有的class就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询