[自用门户]点击菜单变颜色
来源:互联网 发布:plc简单编程实例 编辑:程序博客网 时间:2024/04/28 08:31
//js部分(function($){//mark20170901高亮点击后的菜单,除首页 $(function(){ var urlstr = location.href; //获取浏览器的url var urlstatus=false; //标记 //遍历导航div $(".menu li a").each(function () {//判断导航里面的rel和url地址是否相等console.log(urlstr+'/'+' --break--- '+($(this).attr('ref'))); if ((urlstr).indexOf($(this).attr('ref')) > -1&&$(this).attr('ref')!='') { $(this).parent().addClass('m1cur'); urlstatus = true; } else { $(this).parent().removeClass('m1cur'); } });//当前样式保持 if (!urlstatus) {$("#menu li a").eq(0).addClass('m1cur'); } })})(jQuery);
html部分
<div class="topbar"> <div class="tb-main"> <div class="navigate"> <ul class="menu"> <li><a href="${base}/index.jhtml" ref="/01/index.jhtml"><i class="iconfont"></i>首页</a></li><li> <!--onMouseOver="document.getElementById('Company').style.display='block';" onMouseOut="document.getElementById('Company').style.display='none';"--><a href="/gsjj/index.jhtml" ref="/gsjj/index.jhtml""><i class="iconfont"></i>公司简介</a> </li> <li> <!--onMouseOver="document.getElementById('Raws').style.display='block';" onMouseOut="document.getElementById('Raws').style.display='none';"--> <a href="/flfg/index.jhtml" ref="/flfg/index.jhtml"><i class="iconfont"></i>法律法规</a> </li> <li> <!--onMouseOver="document.getElementById('Notice').style.display='block';" onMouseOut="document.getElementById('Notice').style.display='none';"--> <a href="/cgyj/index.jhtml" ref="/cgyj/index.jhtml"><i class="iconfont"></i>采购研究</a> <!-- 采购研究二级菜单 --> </li> <li> <!--onMouseOver="document.getElementById('News').style.display='block';" onMouseOut="document.getElementById('News').style.display='none';"--> <a href="/gys/index.jhtml" ref="/gys/index.jhtml"><i class="iconfont"></i>下载中心</a> </li> <li> <!--onMouseOver="document.getElementById('Center').style.display='block';" onMouseOut="document.getElementById('Center').style.display='none';"--> <a href="/czzngys/index.jhtml" ref="/czzngys/index.jhtml"><i class="iconfont"></i>操作指南</a> <!-- 操作指南二级菜单 --> </li> <li> <!--onMouseOver="document.getElementById('Conus').style.display='block';" onMouseOut="document.getElementById('Conus').style.display='none';"--> <a href="/lxwm/index.jhtml" ref="/lxwm/index.jhtml"><i class="iconfont"></i>联系我们</a> <!-- 联系我们二级菜单 --> </li>
阅读全文
0 0
- [自用门户]点击菜单变颜色
- gridview 点击行变颜色
- Button按钮点击变颜色
- [自用门户]飘窗
- [自用门户] 自适应站点
- 【自用门户】jeecms搭建
- jquery:点击之后变颜色,点击另一个,另一各变颜色,当前的恢复颜色
- listview 点击 item 字体变颜色
- jquery点击table行 变颜色
- tableview点击变cell背景颜色问题
- [自用门户]门户公告状态显示问题
- [自用门户]百度地图功能
- 点击菜单背景颜色来回切换
- 【Android】app透明与字体颜色更变、上下文菜单
- 一段点击后使td变颜色的代码
- JQuery实现点击文本框等时背景变颜色
- OpenGJ的一个简单事例,实现点击变颜色
- Popupwindow背景颜色变灰色,并点击外部消失
- live555搭建简易流媒体服务
- Spring boot 方法参数验证
- 如果有一个类是 myClass , 关于下面代码正确描述的是?
- PAT-1079 Total Sales of Supply Chain (树的遍历)
- world front
- [自用门户]点击菜单变颜色
- Chrome提示:"请停用以开发者模式运行的扩展程序"的解决办法
- 重写dispatchTouchEvent方法,实现EditText失去焦点后(点击其他地方)收起键盘的效果
- CODE[VS] 1011 数的计算
- std::map的[]方法重写
- android 随记
- 浏览器兼容性问题解决方案 · 总结
- 非常的好的协同过滤入门文章
- flex 初学