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一行搞定当前面所对应的导航菜单变亮效果,如需转载请自行联系原博主。
目录
相关文章
|
2月前
|
JavaScript 前端开发
jquery实现二级导航下拉菜单效果实例
jquery实现二级导航下拉菜单效果实例
22 0
|
6月前
|
JavaScript 前端开发
jquery导航选中按钮颜色变化
jquery导航选中按钮颜色变化
33 0
|
JavaScript
jquery品优购电梯导航4-74
jquery品优购电梯导航4-74
88 0
jquery品优购电梯导航4-74
|
JavaScript
jquery品优购电梯导航修复小bug并加上类名-73
jquery品优购电梯导航修复小bug并加上类名-73
75 0
jquery品优购电梯导航修复小bug并加上类名-73
|
JavaScript
jquery品优购电梯导航2-72
jquery品优购电梯导航2-72
131 0
jquery品优购电梯导航2-72
jquery-品优购电梯导航-71
jquery-品优购电梯导航-71
88 0
jquery-品优购电梯导航-71
|
JavaScript
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
514 0
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
|
JavaScript 前端开发
第74天:jQuery实现图片导航效果
图片导航效果 1 DOCTYPE html> 2 3 4 5 Title 6 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 ...
776 0