1. <script type="text/javascript">
  2. var urlstr = location.href;
  3. var urlstatus=false;
  4. $("#navchange a").each(function () {
  5. if ((urlstr + '/').indexOf($(this).attr('href')) > -1&&$(this).attr('href')!='') {
  6. $(this).addClass('cur');
  7. urlstatus = true;
  8. } else {
  9. $(this).removeClass('cur');
  10. }
  11. });
  12. $("#first-menu a").each(function(){
  13. //判断拥有cur样式的a标签
  14. if($(this).hasClass('cur')){
  15. //把当前拥有cur样式a标签的祖辈的同胞为a的元素,也就是父级菜单的样式添加为cur
  16. $(this).parents('ul').siblings('a').eq(0).addClass('cur');
  17. //设置urlstatus变量为true
  18. urlstatus = true;
  19. }
  20. })
  21. if (!urlstatus) {$("#navchange a").eq(0).addClass('cur'); }
  22. </script>
  1. <ul id="navchange">
  2. {volist name="tptop" id="vo"}
  3. {if condition="$vo['show'] eq 1"}
  4. <li id="first-menu">
  5. {if condition="$vo['links'] neq ''"}
  6. <a href="{$vo.links}">{$vo.name}</a>
  7. <ul>
  8. {volist name="tptops" id="vs"}
  9. {if condition ="$vo.id eq $vs['tid']"}
  10. {if condition="$vs['show'] eq 1"}
  11. <li><a href="{$vs.links}">{$vs.name}</a></li>
  12. {/if}
  13. {/if}
  14. {/volist}
  15. </ul>
  16. {/if}
  17. </li>
  18. {/if}
  19. {/volist}
  20. </ul>

jquery导航栏高亮(二级菜单点击一级保持高亮)的更多相关文章

  1. 『练手』004 Laura.SqlForever如何扩展 导航栏 工具栏 右键菜单 插件

    004 Laura.SqlForever如何扩展 导航栏 工具栏 右键菜单 插件 导航栏 插件扩展 比如下图的    窗口 > 关闭所有文档    这个导航栏: 在 任何程序集,任何命名空间,任 ...

  2. bootstrap如何去除自带的样式----导航栏中的菜单实现平滑的过渡到对应的菜单区域-------动态跟换模态框中的内容

    问题1:如何去除bootstap中css中自带的overflow:hidden这个样式 今天遇见在bootstap中轮播图上的  附带图  片不能够显示出来,图片始终有一部分的高度  被隐藏了 后来通 ...

  3. CSS3——对齐 组合选择符 伪类 伪元素 导航栏 下拉菜单

     水平&垂直对齐 元素居中对齐 .center { margin: auto; width: 50%; border: 3px solid green; padding: 10px; } 文本 ...

  4. Bootstrap框架(基础篇)之按钮,网格,导航栏,下拉菜单

    一,按钮 注意:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮. 框架中提供了基础按 ...

  5. Jquery垂直下拉二级菜单

    自己做了一个基于Jquery 的垂直下拉二级菜单功能,直接看图: Html的代码如下: <!DOCTYPE html> <html> <head> <meta ...

  6. 4 CSS导航栏&下拉菜单&属性选择器&属性和值选择器

    CSS导航栏 熟练使用导航栏,对于任何网站都非常重要 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单 垂直导航栏: <!DOCTYPE html> <html> & ...

  7. jQuery show hide方法 二级菜单

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. jquery实现导航栏鼠标点击后实行背景高亮,点击离开恢复(超级简单!!!!),jquery导航栏

    1.header部分要引入Jquery <asp:Content ID="HeaderContent" runat="server" ContentPla ...

  9. jquery导航栏

    html <ul class="list"> <li>下拉菜单 <ul class="nav"> <li>下拉菜 ...

随机推荐

  1. 《转》从系统和代码实现角度解析TensorFlow的内部实现原理 | 深度

    from https://www.leiphone.com/news/201702/n0uj58iHaNpW9RJG.html?viewType=weixin 摘要 2015年11月9日,Google ...

  2. 【leetcode】1200. Minimum Absolute Difference

    题目如下: Given an array of distinct integers arr, find all pairs of elements with the minimum absolute ...

  3. asp.net mvc 异步控制器

    参考:https://blog.csdn.net/niewq/article/details/20490707 https://www.cnblogs.com/visonme/p/5537190.ht ...

  4. UNIX标准C - socket套接字

    一.计算机网络 1.计算机网络的功能 a.数据通信 b.资源共享 c.提高系统的可靠性 d.分布式网络处理和负载均匀. 2.计算机网络的组成 1.通信子网:由网卡.线缆.集线器.中继器.交换器.路由器 ...

  5. 按键——Button事件监听器

    button_1.setOnClickListener(new View.OnClickListener() {               @Override    public void onCl ...

  6. 序列式容器————vector

    目录 介绍 1 创建 2 容量和大小 size() capacity() 3 resize() 4 reverse() 5 获取元素 front() back() 6 迭代器(待补充) 7 push_ ...

  7. DataList是外部传入的子项数据列表

    //定义适配器类public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder>{ private C ...

  8. JavaScript 文件拖拽上传插件 dropzone.js 介绍

    http://www.renfei.org/blog/dropzone-js-introduction.html

  9. 查看磁盘IO负载 - 看哪些进程在读写磁盘

    原文:http://www.cnblogs.com/cloudstorage/archive/2012/11/11/2764623.html 今天晚上发现服务器io有点高,顺带看看哪些进程在读写磁盘. ...

  10. 一、基础篇--1.1Java基础-面向对象的特征

    面向对象的特征 封装.继承和多态 https://blog.csdn.net/jianyuerensheng/article/details/51602015 封装: 定义:封装就是将数据或函数等集合 ...