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

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

ＨＴＭＬ代码如下：

  <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>

一小段Ｃ#代码，用来得到ＵＲＬ的ＨＯＳＴ的部分

    <%   string aa = Request.Url.AbsolutePath；  %>

而一行的ＪＱＵＥＲＹ代码如下：

<script type="text/javascript">

        $(function() {

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

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

});

    </script>

转载于:https://www.cnblogs.com/lori/archive/2011/08/02/2124864.html

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

手风琴式折叠html,基于jQuery实现以手风琴方式展开和折叠导航菜单
本章节分享一段代码实例,它实现了手风琴方式展开和折叠导航菜单效果. 代码实例如下: 代码实例如下: 脚本之家 dl{width:150px;} dl,dd{margin:0;} dt{ backgro ...
jQuery实例——仿京东仿淘宝列表导航菜单
以前看着京东,淘宝的导航做的真好,真想哪一天自己也能做出来这么漂亮功能全的导航菜单.今天弄了一下午终于自制成功,主要使用jQuery和CSS,实现功能基本和京东一样. 功能介绍: 1.鼠标停留导航: ...
JQUERY学习第二天之制作横纵向导航菜单
$(document).ready(function(){ //页面中的DOM已经装载完成时,执行的代码 $(".main > a").click(function( ...
导航菜单：jQuery粘性滚动导航栏效果
粘性滚动是当导航在滚动过程中会占粘于浏览器上,达到方便网站页面浏览的效果,也是一种用户体验,下面我们看一下是怎么实现的: jQuery的 smint插件,也是一个导航菜单固定插件.当页滚动时,导航菜单 ...
java 三级菜单栏的添加_[Java教程]jquery实现的三级导航菜单实例代码
[Java教程]jquery实现的三级导航菜单实例代码 0 2016-01-02 15:00:02 jquery实现的三级导航菜单实例代码: 使用最多的可能是二级导航菜单,所以网上的代码一大堆,三级菜 ...
魅族商城html模板,jQuery实现Meizu魅族官方网站的导航菜单效果
本文实例讲述了jQuery实现Meizu魅族官方网站的导航菜单效果.分享给大家供大家参考.具体如下: 偶尔看到魅族官方网站,发现网站的导航菜单的效果很不错就扣下来,俩字:给力.鼠标放到菜单上,菜单的下 ...
python统计句子中单词个数_python练习：一行搞定-统计一句话中每个单词出现的个数...
原博文 2018-10-04 19:42 − 一行搞定-统计一句话中每个单词出现的个数 >>> s'i am a boy a bood boy a bad boy' 方式一:> ...
OkHttp完美封装，一行搞完外部请求
OkHttp完美封装,一行搞完外部请求 OKHttpUtil 在Java的世界中,Http客户端之前一直是Apache家的HttpClient占据主导,但是由于此包较为庞大,API又比较难用,因此并不 ...
[python]一行搞定字符串排序
[python]一行搞定字符串排序本文最初发表于恋花蝶的博客(http://blog.csdn.net/lanphaday),欢迎转载,但请保留本声明. 一般情况下,python中对一个字符串排序相 ...

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

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

最新文章

热门文章