JQuery一行搞定当前面所对应的导航菜单变亮效果

简介:

前提:所有页面用的是一个母板页,并且导航菜单放在母板页

HTML代码如下:

  <div class="mainnav">
                <ul class="banner">
                    <li class="index"><a href=HTTP://A.COM/HOME>首页</a></li>
                    <li class="index"><a href=HTTP://A.COM/NEWS>考试资讯</a></li>
   
                    <li class="index hover"><a href=HTTP://A.COM/CLASS>辅导课程</a></li>
                    <li class="index"><a href=HTTP://A.COM/STAR>星级服务</a></li>
 
                    <li class="index"><a href="http://bbs.A.com/">学习论坛</a></li>
 
                    <li class="index"><a href=HTTP://A.COM/Teacher>名师团队</a></li>
</ul>
一小段C#代码,用来得到URL的HOST的部分
    <%   string aa = Request.Url.AbsolutePath;  %>
而一行的JQUERY代码如下:
<script type="text/javascript">
        $(function() {

$(".mainnav>.banner").find("li").find("a[href$='<%=aa%>']").closest("li")

.addClass("hover").siblings().removeClass("hover")

        });
    </script>
本文转自博客园张占岭(仓储大叔)的博客,原文链接:JQuery一行搞定当前面所对应的导航菜单变亮效果,如需转载请自行联系原博主。
目录
相关文章
|
22天前
|
JavaScript
jQuery制作的网站首页宽屏导航轮播图特效源码
jQuery制作的网站首页宽屏导航轮播图特效源码是一段基于jQuery制作的可用于商城首页 微商城 互联网公司或某些电子商城的首页特效,自带有二级菜单栏、轮播图滚动、登录注册按钮等等,非常全面,欢迎对此段代码感兴趣的朋友前来下载使用。
15 4
|
6月前
|
JavaScript 前端开发
jquery实现二级导航下拉菜单效果实例
jquery实现二级导航下拉菜单效果实例
104 0
|
JavaScript 前端开发
jquery导航选中按钮颜色变化
jquery导航选中按钮颜色变化
51 0
|
JavaScript
jquery品优购电梯导航4-74
jquery品优购电梯导航4-74
111 0
jquery品优购电梯导航4-74
|
JavaScript
jquery品优购电梯导航修复小bug并加上类名-73
jquery品优购电梯导航修复小bug并加上类名-73
98 0
jquery品优购电梯导航修复小bug并加上类名-73
|
JavaScript
jquery品优购电梯导航2-72
jquery品优购电梯导航2-72
168 0
jquery品优购电梯导航2-72
jquery-品优购电梯导航-71
jquery-品优购电梯导航-71
111 0
jquery-品优购电梯导航-71
|
JavaScript
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
589 0
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
|
JavaScript 前端开发
第74天:jQuery实现图片导航效果
图片导航效果 1 DOCTYPE html> 2 3 4 5 Title 6 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 ...
796 0